@charset "UTF-8";

:root {
    --lightense-z-index: 400000000;
    --lightense-backdrop: var(--bg-color-80, rgba(255, 255, 255, .98));
    --lightense-duration: 200ms;
    --lightense-timing-func: cubic-bezier(.2, 0, .1, 1);
    --shadow: 0 15px 40px 5px rgba(132, 132, 133, 0.15);
    /* --ghost-accent-color: #FB2576; */
    --ghost-accent-color: #e1565f;
}

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: palevioletred;
    --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);
    --color1: #333;
    --color2: #fff;
}
[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;
    --color1: #fff;
    --color2: #777;
}
html{
    box-sizing:border-box
}
*,::after,::before{
    box-sizing:inherit
}
.container{
    max-width: 1600px;
    width:100%;
    padding-right:15px;
    padding-left:15px;
    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
}

.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:1.9rem
}
.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)
}
.btn2{
    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:linear-gradient(135deg, yellowgreen 0%, green 100%);
    color:var(--white);
    transition:all .25s;
    outline:0;
    align-items:center;
    opacity:1
}
.btn.btn-warning{
     background:linear-gradient(135deg, orange 40%, yellow 100%);
}
.btn.btn-important{
     background:linear-gradient(135deg, brown 0%, red 100%);
}
.btn:not(:disabled):not(.diabled){
    cursor:pointer
}
.btn:focus,.btn:hover{
    color:var(--white);
    text-decoration:none;
    opacity:.8
}
.btn2 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=password],
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
}

.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: 20px;
    margin-bottom: 30px;
}
.header-inner{
    background-color:var(--card-background-color);
    padding:1.25rem 2rem;
    border-radius:var(--radius-20);
    box-shadow:var(--shadow);
    align-items:center;
    position: relative;
}
.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); */
    width: 80px;
    max-width:100%;
    border-radius: var(--radius-20);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.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
}

.post-card:last-child{
    margin-bottom: 0;
}

.js-post-list-wrap{
    /* margin-bottom:-3rem */
}
.post-img-container{
    width: 260px;
    margin-right:2rem
}
.post-img-container .post-img-wrap{
    display:block;
    aspect-ratio:1/1;
    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:32px;
    line-height:32px;
    padding: 0 12px;
    border-radius:var(--radius-20);
    position:relative
}

.tag-list a:has(.tag-counter){
    padding: 0 1px 0 12px;
}

.tag-list span.tag-counter{
    color: var(--color1);
    background-color: var(--color2);

    font-size: .875rem;
    line-height: 1.5;
    margin: 0;
    align-items: center;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    border-radius: var(--radius-20);
    position: relative;
}

.tag-list span.tag-counter:hover{

}

.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.1rem
    }
    .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:1.6rem;
    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: 1.1rem;
    }
    .sidebar-wrap{
        padding:1.5rem
    }
}
.widget{
    margin-top:2.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:not(:last-child){
    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: linear-gradient(113deg, #036cd0 37.25%, #469cf7 63.35%, #0374d0 79%);
    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: 3rem
}
.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:40px
}
.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: 12px 12px;
    border-radius:var(--radius-16);
    position: relative;
}

.no-sidebar .single-post-card {
    padding: 1.6rem 12px;
}

.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:800px;
    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: 0.75rem
}
.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.1rem
}
.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: 20px 12px;
    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:160px
}
.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:1/1;
    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:hover img{
    transform:scale(1.03)
}
.author-card .author-info{
    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;
    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);
    color: #fefefe;
}
.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:2px;
    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
}

/* ++++++++++++ */
.kg-audio-card,.kg-audio-card *{
    box-sizing:border-box
}
.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)
}
.kg-audio-card+.kg-audio-card{
    margin-top:1em
}
.kg-audio-thumbnail{
    display:flex;
    justify-content:center;
    align-items:center;
    width:80px;
    min-width:80px;
    margin:8px;
    background:0 0;
    object-fit:cover;
    aspect-ratio:1/1;
    border-radius:2px
}
.kg-audio-thumbnail.placeholder{
    background:var(--ghost-accent-color)
}
.kg-audio-thumbnail.placeholder svg{
    width:24px;
    height:24px;
    fill:#fff
}
.kg-audio-player-container{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    --seek-before-width:0%;
    --volume-before-width:100%;
    --buffered-width:0%
}
.kg-audio-title{
    width:100%;
    margin:8px 0 0;
    padding:8px 12px;
    border:0;
    font-family:inherit;
    font-size:1.15em;
    font-weight:700;
    line-height:1.15em;
    background:0 0
}
.kg-audio-player{
    display:flex;
    flex-grow:1;
    align-items:center;
    padding:8px 12px
}
.kg-audio-current-time,.kg-audio-time{
    font-family:inherit;
    font-size:.85em;
    font-weight:500;
    line-height:1.4em;
    white-space:nowrap
}
.kg-audio-current-time{
    min-width:38px;
    padding:0 4px
}
.kg-audio-time{
    width:56px;
    color:#ababab
}
.kg-audio-duration{
    padding:0 4px
}
.kg-audio-pause-icon,.kg-audio-play-icon{
    position:relative;
    bottom:1px;
    padding:0 4px 0 0;
    font-size:0;
    background:0 0
}
.kg-audio-hide{
    display:none!important
}
.kg-audio-pause-icon svg,.kg-audio-play-icon svg{
    width:14px;
    height:14px;
    fill:currentColor
}
.kg-audio-seek-slider{
    flex-grow:1;
    margin:0 4px
}
@media (max-width:640px){
    .kg-audio-seek-slider{
        display:none
    }
}
.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:0 0;
    white-space:nowrap
}
@media (max-width:640px){
    .kg-audio-playback-rate{
        padding-left:8px
    }
}
.kg-audio-mute-icon,.kg-audio-unmute-icon{
    position:relative;
    bottom:-1px;
    padding:0 4px;
    font-size:0;
    background:0 0
}
@media (max-width:640px){
    .kg-audio-mute-icon,.kg-audio-unmute-icon{
        margin-left:auto
    }
}
.kg-audio-mute-icon svg,.kg-audio-unmute-icon svg{
    width:16px;
    height:16px;
    fill:currentColor
}
.kg-audio-volume-slider{
    width:80px
}
@media (max-width:400px){
    .kg-audio-volume-slider{
        display:none
    }
}
.kg-audio-seek-slider::before,.kg-audio-volume-slider::before{
    content:"";
    position:absolute;
    left:0;
    width:var(--seek-before-width)!important;
    height:4px;
    cursor:pointer;
    background-color:currentColor;
    border-radius:2px
}
.kg-audio-volume-slider::before{
    width:var(--volume-before-width)!important
}
.kg-audio-player-container input[type=range]{
    position:relative;
    -webkit-appearance:none;
    background:0 0;
    height:auto;
    padding:0;
    border:0
}
.kg-audio-player-container input[type=range]:focus,.kg-video-card input[type=range]:focus{
    outline:0
}
.kg-audio-player-container input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none
}
.kg-audio-player-container button,.kg-video-card button{
    display:flex;
    align-items:center;
    border:0;
    cursor:pointer
}
.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
}
.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)
}
.kg-audio-player-container input[type=range]:active::-webkit-slider-thumb{
    transform:scale(1.2)
}
.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
}
.kg-audio-player-container input[type=range]::-moz-range-progress{
    background:currentColor;
    border-radius:2px
}
.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)
}
.kg-audio-player-container input[type=range]:active::-moz-range-thumb{
    transform:scale(1.2)
}
.kg-audio-player-container input[type=range]::-ms-track{
    width:100%;
    height:3px;
    border:solid transparent;
    color:transparent;
    cursor:pointer;
    background:0 0
}
.kg-audio-player-container input[type=range]::-ms-fill-lower{
    background:#fff
}
.kg-audio-player-container input[type=range]::-ms-fill-upper{
    background:currentColor
}
.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)
}
.kg-audio-player-container input[type=range]:active::-ms-thumb{
    transform:scale(1.2)
}
.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){
    .kg-blockquote-alt{
        font-size:1.4em;
        padding-left:2em;
        padding-right:2em
    }
}
@media (max-width:600px){
    .kg-blockquote-alt{
        font-size:1.2em;
        padding-left:1.75em;
        padding-right:1.75em
    }
}
.kg-button-card,.kg-button-card *{
    box-sizing:border-box
}
.kg-button-card,.kg-button-card a.kg-btn{
    display:flex;
    position:static;
    align-items:center
}
.kg-button-card{
    width:100%;
    justify-content:center
}
.kg-button-card.kg-align-left{
    justify-content:flex-start
}
.kg-button-card a.kg-btn{
    padding:0 1.2em;
    height:2.4em;
    line-height:1em;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size:.95em;
    font-weight:600;
    text-decoration:none;
    border-radius:5px;
    transition:opacity .2s ease-in-out
}
.kg-button-card a.kg-btn:hover{
    opacity:.85
}
.kg-button-card a.kg-btn-accent{
    background-color:var(--ghost-accent-color);
    color:#fff
}
.kg-callout-card,.kg-callout-card *{
    box-sizing:border-box
}
.kg-callout-card{
    display:flex;
    padding:1.2em 1.6em;
    border-radius:3px
}
.kg-callout-card-grey{
    background:rgba(124,139,154,.13)
}
.kg-callout-card-white{
    background:0 0;
    box-shadow:inset 0 0 0 1px rgba(124,139,154,.25)
}
.kg-callout-card-blue{
    background:rgba(33,172,232,.12)
}
.kg-callout-card-green{
    background:rgba(52,183,67,.12)
}
.kg-callout-card-yellow{
    background:rgba(240,165,15,.13)
}
.kg-callout-card-red{
    background:rgba(209,46,46,.11)
}
.kg-callout-card-pink{
    background:rgba(225,71,174,.11)
}
.kg-callout-card-purple{
    background:rgba(135,85,236,.12)
}
.kg-callout-card-accent{
    background:var(--ghost-accent-color);
    color:#fff
}
.kg-callout-card.kg-callout-card-accent a{
    color:#fff;
    text-decoration:underline
}
.kg-callout-card div.kg-callout-emoji{
    padding-right:.8em;
    line-height:1.25em;
    font-size:1.15em
}
.kg-callout-card div.kg-callout-text{
    font-size:.95em;
    line-height:1.5em
}
.kg-callout-card+.kg-callout-card{
    margin-top:1em
}
.kg-file-card,.kg-file-card *{
    box-sizing:border-box
}
.kg-file-card{
    display:flex
}
.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 rgb(124 139 154/25%);
    border-radius:3px;
    transition:all ease-in-out .35s;
    text-decoration:none;
    width:100%
}
.kg-file-card a.kg-file-card-container:hover{
    border:1px solid rgb(124 139 154/35%)
}
.kg-file-card-contents{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin:4px 8px;
    width:100%
}
.kg-file-card-title{
    font-size:1.15em;
    font-weight:700;
    line-height:1.3em
}
.kg-file-card-caption{
    font-size:.95em;
    line-height:1.3em;
    opacity:.6
}
.kg-file-card-title+.kg-file-card-caption{
    margin-top:-3px
}
.kg-file-card-metadata{
    display:inline;
    font-size:.825em;
    line-height:1.3em;
    margin-top:2px
}
.kg-file-card-filename{
    display:inline;
    font-weight:500
}
.kg-file-card-filesize{
    display:inline-block;
    font-size:.925em;
    opacity:.6
}
.kg-file-card-filesize:before{
    display:inline-block;
    content:"•";
    margin-right:4px
}
.kg-file-card-icon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:80px;
    min-width:80px;
    height:100%
}
.kg-file-card-icon:before{
    position:absolute;
    display:block;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:currentColor;
    opacity:.06;
    transition:opacity ease-in-out .35s;
    border-radius:2px
}
.kg-file-card a.kg-file-card-container:hover .kg-file-card-icon:before{
    opacity:.08
}
.kg-file-card-icon svg{
    width:24px;
    height:24px;
    color:var(--ghost-accent-color)
}
.kg-file-card-medium a.kg-file-card-container{
    min-height:72px
}
.kg-file-card-medium .kg-file-card-caption{
    opacity:1;
    font-weight:500
}
.kg-file-card-small a.kg-file-card-container{
    align-items:center;
    min-height:52px
}
.kg-file-card-small .kg-file-card-metadata{
    font-size:1em;
    margin-top:0
}
.kg-file-card-small .kg-file-card-icon svg{
    width:20px;
    height:20px
}
.kg-file-card+.kg-file-card{
    margin-top:1em
}
.kg-gallery-card,.kg-gallery-card *{
    box-sizing:border-box
}
.kg-gallery-card,.kg-image-card{
    --gap:1.2rem
}
.kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,.kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,.kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,.kg-image-card:not(.kg-card-hascaption)+.kg-image-card{
    margin-top:var(--gap)
}
.kg-gallery-container{
    position:relative
}
.kg-gallery-row{
    display:flex;
    flex-direction:row;
    justify-content:center
}
.kg-gallery-image img{
    display:block;
    margin:0;
    width:100%;
    height:100%
}
.kg-gallery-row:not(:first-of-type){
    margin:var(--gap)0 0
}
.kg-gallery-image:not(:first-of-type){
    margin:0 0 0 var(--gap)
}
@media (max-width:600px){
    .kg-gallery-card,.kg-image-card{
        --gap:0.6rem
    }
}
.kg-header-card,.kg-header-card *{
    box-sizing:border-box
}
.kg-header-card{
    padding:12vmin 4em;
    min-height:60vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center
}
.kg-header-card.kg-size-small{
    padding-top:14vmin;
    padding-bottom:14vmin;
    min-height:40vh
}
.kg-header-card.kg-size-large{
    padding-top:18vmin;
    padding-bottom:18vmin;
    min-height:80vh
}
.kg-header-card.kg-align-left{
    text-align:left;
    align-items:flex-start
}
.kg-header-card.kg-style-dark{
    background:#151515;
    color:#fff
}
.kg-header-card.kg-style-light{
    background-color:#fafafa
}
.kg-header-card.kg-style-accent,.kg-header-card.kg-style-accent.kg-v2{
    background-color:var(--ghost-accent-color)
}
.kg-header-card.kg-style-image{
    position:relative;
    background-color:#e7e7e7;
    background-size:cover;
    background-position:center
}
.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))
}
.kg-header-card h2.kg-header-card-header{
    font-size:5em;
    font-weight:700;
    line-height:1.1em;
    letter-spacing:-.01em;
    margin:0
}
.kg-header-card h2.kg-header-card-header strong{
    font-weight:800
}
.kg-header-card.kg-size-small h2.kg-header-card-header{
    font-size:4em
}
.kg-header-card.kg-size-large h2.kg-header-card-header{
    font-size:6em
}
.kg-header-card h3.kg-header-card-subheader{
    font-size:1.5em;
    font-weight:500;
    line-height:1.4em;
    margin:0;
    max-width:40em
}
.kg-header-card h2+h3.kg-header-card-subheader{
    margin:.35em 0 0
}
.kg-header-card h3.kg-header-card-subheader strong,.kg-header-card h3.kg-header-card-subheading strong,.kg-signup-card h3.kg-signup-card-subheading strong{
    font-weight:600
}
.kg-header-card.kg-size-small h3.kg-header-card-subheader{
    font-size:1.25em
}
.kg-header-card.kg-size-large h3.kg-header-card-subheader{
    font-size:1.75em
}
.kg-header-card:not(.kg-style-light) h2.kg-header-card-header,.kg-header-card:not(.kg-style-light) h3.kg-header-card-subheader{
    color:#fff
}
.kg-header-card.kg-style-accent h3.kg-header-card-subheader,.kg-header-card.kg-style-image h3.kg-header-card-subheader,.kg-product-card-rating-active.kg-product-card-rating-star svg{
    opacity:1
}
.kg-header-card.kg-style-image a.kg-header-card-button,.kg-header-card.kg-style-image h2.kg-header-card-header,.kg-header-card.kg-style-image h3.kg-header-card-subheader{
    z-index:999
}
.kg-header-card h2.kg-header-card-header a,.kg-header-card h3.kg-header-card-subheader a{
    color:var(--ghost-accent-color)
}
.kg-header-card.kg-style-accent h2.kg-header-card-header a,.kg-header-card.kg-style-accent h3.kg-header-card-subheader a,.kg-header-card.kg-style-image h2.kg-header-card-header a,.kg-header-card.kg-style-image h3.kg-header-card-subheader a{
    color:#fff
}
.kg-header-card a.kg-header-card-button{
    display:flex;
    position:static;
    align-items:center;
    fill:#fff;
    background:#fff;
    border-radius:3px;
    outline:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","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
}
.kg-header-card h2+a.kg-header-card-button,.kg-header-card h3+a.kg-header-card-button{
    margin:1.75em 0 0
}
.kg-header-card a.kg-header-card-button:hover{
    opacity:.85
}
.kg-header-card.kg-size-large a.kg-header-card-button{
    font-size:1.1em;
    height:2.9em
}
.kg-header-card.kg-size-large h2+a.kg-header-card-button,.kg-header-card.kg-size-large h3+a.kg-header-card-button{
    margin-top:2em
}
.kg-header-card.kg-size-small a.kg-header-card-button{
    height:2.4em;
    font-size:1em
}
.kg-header-card.kg-size-small h2+a.kg-header-card-button,.kg-header-card.kg-size-small h3+a.kg-header-card-button{
    margin-top:1.5em
}
.kg-header-card.kg-style-dark a.kg-header-card-button,.kg-header-card.kg-style-image a.kg-header-card-button{
    background:#fff;
    color:#151515
}
.kg-header-card.kg-style-light a.kg-header-card-button{
    background:var(--ghost-accent-color);
    color:#fff
}
.kg-header-card.kg-style-accent a.kg-header-card-button{
    background:#fff;
    color:#151515
}
@media (max-width:640px){
    .kg-header-card{
        padding-left:1em;
        padding-right:1em
    }
    .kg-header-card h2.kg-header-card-header{
        font-size:3.5em
    }
    .kg-header-card.kg-size-large h2.kg-header-card-header{
        font-size:4em
    }
    .kg-header-card.kg-size-small h2.kg-header-card-header{
        font-size:3em
    }
    .kg-header-card h3.kg-header-card-subheader{
        font-size:1.25em
    }
    .kg-header-card.kg-size-large h3.kg-header-card-subheader{
        font-size:1.5em
    }
    .kg-header-card.kg-size-small h3.kg-header-card-subheader{
        font-size:1em
    }
}
.kg-header-card.kg-v2{
    position:relative;
    padding:0;
    min-height:initial;
    text-align:initial;
    box-sizing:border-box
}
.kg-header-card.kg-v2 *{
    box-sizing:border-box
}
.kg-header-card.kg-v2 a,.kg-header-card.kg-v2 a span,.kg-signup-card a,.kg-signup-card a span{
    color:currentColor
}
.kg-header-card-content{
    width:100%
}
.kg-layout-split .kg-header-card-content{
    display:grid;
    grid-template-columns:1fr 1fr
}
.kg-header-card-text{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    padding:6.4vmax 4vmax;
    background-size:cover;
    background-position:center;
    text-align:left
}
.kg-width-wide .kg-header-card-text{
    padding:10vmax 6.4vmax
}
.kg-width-full .kg-header-card-text{
    padding:12vmax 0
}
.kg-layout-split .kg-header-card-text{
    padding:12vmax 4vmax
}
.kg-layout-split.kg-content-wide .kg-header-card-text{
    padding:10vmax 0 10vmax 4vmax
}
.kg-layout-split.kg-content-wide.kg-swapped .kg-header-card-text{
    padding:10vmax 4vmax 10vmax 0
}
.kg-swapped .kg-header-card-text{
    grid-row:1
}
.kg-header-card-text.kg-align-center{
    align-items:center;
    text-align:center
}
.kg-header-card.kg-style-image h2.kg-header-card-heading,.kg-header-card.kg-style-image h3.kg-header-card-subheading,.kg-header-card.kg-style-image.kg-v2 .kg-header-card-button{
    z-index:999
}
.kg-header-card>picture>.kg-header-card-image,.kg-signup-card>picture>.kg-signup-card-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background-color:#fff;
    pointer-events:none
}
.kg-header-card-content .kg-header-card-image{
    height:0;
    min-height:100%;
    object-fit:cover;
    object-position:center
}
.kg-content-wide .kg-header-card-content .kg-header-card-image{
    height:100%;
    padding:8rem 0;
    object-fit:contain
}
.kg-header-card h2.kg-header-card-heading,.kg-signup-card h2.kg-signup-card-heading{
    margin:0;
    font-size:clamp(2.8rem,4vw,4rem);
    font-weight:700;
    line-height:1em;
    letter-spacing:-.01em
}
.kg-header-card.kg-width-wide h2.kg-header-card-heading{
    font-size:clamp(2.8rem,5vw,5.2rem)
}
.kg-header-card.kg-width-full h2.kg-header-card-heading{
    font-size:clamp(3.6rem,5.6vw,6.4rem)
}
.kg-header-card.kg-width-full.kg-layout-split h2.kg-header-card-heading,.kg-signup-card.kg-width-full.kg-layout-split h2.kg-signup-card-heading{
    font-size:clamp(3.2rem,4vw,5.6rem)
}
.kg-header-card.kg-width-full.kg-layout-split.kg-content-wide h2.kg-header-card-heading,.kg-signup-card.kg-width-full.kg-layout-split.kg-content-wide h2.kg-signup-card-heading{
    font-size:clamp(2.8rem,4vw,5.2rem)
}
.kg-header-card-subheading{
    margin:0 0 2em
}
.kg-header-card h3.kg-header-card-subheading,.kg-signup-card h3.kg-signup-card-subheading{
    max-width:40em;
    margin:0;
    font-size:clamp(1.05em,2vw,2rem);
    font-weight:500;
    line-height:1.4em
}
.kg-header-card h2+h3.kg-header-card-subheading,.kg-signup-card h2+h3.kg-signup-card-subheading{
    margin:.6em 0 0
}
.kg-header-card.kg-width-full.kg-layout-split h3.kg-header-card-subheading,.kg-header-card.kg-width-wide h3.kg-header-card-subheading{
    font-size:clamp(1.05em,2vw,2.4rem)
}
.kg-header-card.kg-width-full h3.kg-header-card-subheading:not(.kg-layout-split h3.kg-header-card-subheading){
    max-width:65vmax;
    font-size:clamp(1.05em,2vw,2.6rem)
}
.kg-header-card.kg-v2 .kg-header-card-button{
    display:flex;
    position:relative;
    align-items:center;
    height:4.6rem;
    padding:0 1.2em;
    outline:0;
    border:0;
    font-size:1em;
    font-weight:600;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    letter-spacing:.2px;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-radius:3px;
    transition:opacity .2s ease
}
.kg-header-card.kg-v2 .kg-header-card-button.kg-style-accent{
    background-color:var(--ghost-accent-color)
}
.kg-header-card.kg-v2 h2+.kg-header-card-button,.kg-header-card.kg-v2 h3+.kg-header-card-button,.kg-signup-card h2+.kg-signup-card-button,.kg-signup-card h3+.kg-signup-card-button{
    margin:1.5em 0 0
}
.kg-header-card.kg-v2 .kg-header-card-button:hover{
    opacity:.85
}
.kg-header-card.kg-v2.kg-width-wide .kg-header-card-button{
    font-size:1.05em
}
.kg-header-card.kg-v2.kg-width-wide h2+.kg-header-card-button,.kg-header-card.kg-v2.kg-width-wide h3+.kg-header-card-button,.kg-signup-card.kg-width-wide h2+.kg-signup-card-button,.kg-signup-card.kg-width-wide h3+.kg-signup-card-button{
    margin-top:1.75em
}
.kg-header-card.kg-v2.kg-width-full .kg-header-card-button{
    font-size:1.1em
}
.kg-header-card.kg-v2.kg-width-full h2+.kg-header-card-button,.kg-header-card.kg-v2.kg-width-full h3+.kg-header-card-button,.kg-signup-card.kg-width-full h2+.kg-signup-card-button,.kg-signup-card.kg-width-full h3+.kg-signup-card-button{
    margin-top:2em
}
@media (max-width:640px){
    .kg-layout-split .kg-header-card-content{
        grid-template-columns:1fr
    }
    .kg-width-wide .kg-header-card-text{
        padding:6.4vmax 4vmax
    }
    .kg-layout-split.kg-content-wide .kg-header-card-text,.kg-layout-split.kg-content-wide.kg-swapped .kg-header-card-text{
        padding:9.6vmax 0
    }
    .kg-header-card.kg-width-full h3.kg-header-card-subheading:not(.kg-layout-split h3.kg-header-card-subheading){
        max-width:unset
    }
    .kg-header-card-content .kg-header-card-image:not(.kg-content-wide .kg-header-card-content .kg-header-card-image){
        height:auto;
        min-height:unset;
        aspect-ratio:1/1
    }
    .kg-content-wide .kg-header-card-content .kg-header-card-image{
        padding:2.4rem 0 0
    }
    .kg-content-wide.kg-swapped .kg-header-card-content .kg-header-card-image{
        padding:0 0 2.4rem
    }
    .kg-header-card.kg-v2 .kg-header-card-button{
        height:4.2rem
    }
    .kg-header-card.kg-v2.kg-width-full .kg-header-card-button,.kg-header-card.kg-v2.kg-width-wide .kg-header-card-button{
        font-size:1em
    }
}
.kg-nft-card,.kg-nft-card *{
    box-sizing:border-box
}
.kg-nft-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.kg-nft-card a.kg-nft-card-container{
    position:static;
    display:flex;
    flex:auto;
    flex-direction:column;
    text-decoration:none;
    font-family:-apple-system,BlinkMacSystemFont,"avenir next",avenir,"helvetica neue",helvetica,ubuntu,roboto,noto,"segoe ui",arial,sans-serif;
    font-size:14px;
    font-weight:400;
    box-shadow:0 2px 6px -2px rgb(0 0 0/10%),0 0 1px rgb(0 0 0/40%);
    width:100%;
    max-width:512px;
    color:#222;
    background:#fff;
    border-radius:5px;
    transition:none
}
.kg-nft-card *{
    position:static
}
.kg-nft-metadata{
    padding:20px;
    width:100%
}
.kg-nft-image{
    border-radius:5px 5px 0 0;
    width:100%
}
.kg-nft-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px
}
.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
}
.kg-nft-opensea-logo{
    margin-top:2px;
    width:100px;
    object-fit:scale-down
}
.kg-nft-card p.kg-nft-description,.kg-nft-creator{
    font-family:inherit;
    line-height:1.4em;
    margin:4px 0 0;
    color:#ababab
}
.kg-nft-creator span{
    font-weight:500;
    color:#222
}
.kg-nft-card p.kg-nft-description{
    font-size:14px;
    margin:20px 0 0;
    color:#222
}
.kg-product-card,.kg-product-card *{
    box-sizing:border-box
}
.kg-product-card{
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%
}
.kg-product-card-container{
    display:grid;
    grid-template-columns:auto min-content;
    align-items:center;
    grid-row-gap:16px;
    background:0 0;
    max-width:550px;
    padding:20px;
    width:100%;
    border-radius:5px;
    box-shadow:inset 0 0 0 1px rgb(124 139 154/25%)
}
.kg-product-card-image{
    grid-column:1/3;
    justify-self:center;
    height:auto
}
.kg-product-card-title-container{
    grid-column:1/2
}
.kg-product-card h4.kg-product-card-title{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","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
}
.kg-product-card-description{
    grid-column:1/3
}
.kg-product-card .kg-product-card-description ol,.kg-product-card .kg-product-card-description p,.kg-product-card .kg-product-card-description ul{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-size:.95em;
    line-height:1.5em;
    opacity:.7;
    margin-bottom:0
}
.kg-product-card .kg-product-card-description p:first-of-type{
    margin-top:-4px
}
.kg-product-card .kg-product-card-description ol,.kg-product-card .kg-product-card-description p:not(:first-of-type),.kg-product-card .kg-product-card-description ul{
    margin-top:.95em
}
.kg-product-card .kg-product-card-description li+li,.kg-toggle-card li+li{
    margin-top:.5em
}
.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){
    .kg-product-card-title-container{
        grid-column:1/3
    }
    .kg-product-card-rating{
        grid-column:1/3;
        justify-self:start;
        margin-top:-15px;
        padding-left:0
    }
}
.kg-product-card-rating-star{
    height:28px;
    width:20px
}
.kg-product-card-rating-star svg{
    width:16px;
    height:16px;
    fill:currentColor;
    opacity:.15
}
.kg-product-card a.kg-product-card-button{
    justify-content:center;
    grid-column:1/3;
    display:flex;
    position:static;
    align-items:center;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","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
}
.kg-product-card a.kg-product-card-btn-accent{
    background-color:var(--ghost-accent-color);
    color:#fff
}
.kg-signup-card{
    position:relative
}
.kg-signup-card,.kg-signup-card *{
    box-sizing:border-box
}
.kg-signup-card.kg-style-accent{
    background-color:var(--ghost-accent-color)
}
.kg-layout-split .kg-signup-card-content{
    display:grid;
    grid-template-columns:1fr 1fr
}
.kg-signup-card-text{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    padding:4vmax;
    background-size:cover;
    background-position:center;
    text-align:left
}
.kg-width-wide .kg-signup-card-text{
    padding:6.4vmax
}
.kg-width-full .kg-signup-card-text{
    padding:12vmax 0
}
.kg-layout-split .kg-signup-card-text{
    padding:12vmax 4vmax
}
.kg-layout-split.kg-content-wide .kg-signup-card-text{
    padding:10vmax 0 10vmax 4vmax
}
.kg-layout-split.kg-content-wide.kg-swapped .kg-signup-card-text{
    padding:10vmax 4vmax 10vmax 0
}
.kg-swapped .kg-signup-card-text{
    grid-row:1
}
.kg-signup-card-text.kg-align-center{
    align-items:center;
    text-align:center
}
.kg-signup-card.kg-style-image .kg-signup-card-button,.kg-signup-card.kg-style-image h2.kg-signup-card-heading,.kg-signup-card.kg-style-image h3.kg-signup-card-subheading{
    z-index:999
}
.kg-signup-card-content .kg-signup-card-image{
    height:0;
    min-height:100%;
    object-fit:cover;
    object-position:center
}
.kg-content-wide .kg-signup-card-content .kg-signup-card-image{
    height:100%;
    padding:8rem 0;
    object-fit:contain
}
.kg-signup-card.kg-width-wide h2.kg-signup-card-heading{
    font-size:clamp(2.8rem,5vw,5.2rem)
}
.kg-signup-card.kg-width-full h2.kg-signup-card-heading{
    font-size:clamp(3.6rem,5.6vw,6.4rem)
}
.kg-signup-card-subheading{
    margin:0 0 2em
}
.kg-signup-card.kg-width-full.kg-layout-split h3.kg-signup-card-subheading,.kg-signup-card.kg-width-wide h3.kg-signup-card-subheading{
    font-size:clamp(1.05em,2vw,2.4rem)
}
.kg-signup-card.kg-width-full h3.kg-signup-card-subheading:not(.kg-layout-split h3.kg-signup-card-subheading){
    max-width:65vmax;
    font-size:clamp(1.05em,2vw,2.6rem)
}
.kg-signup-card-form{
    position:relative;
    display:flex;
    flex-shrink:0;
    width:100%
}
.kg-align-center .kg-signup-card-form{
    justify-content:center
}
.kg-signup-card-heading+.kg-signup-card-form,.kg-signup-card-subheading+.kg-signup-card-form{
    margin:2.4vmax 0 0
}
.kg-width-wide .kg-signup-card-heading+.kg-signup-card-form,.kg-width-wide .kg-signup-card-subheading+.kg-signup-card-form{
    margin:3.2vmax 0 0
}
.kg-width-full .kg-signup-card-heading+.kg-signup-card-form,.kg-width-full .kg-signup-card-subheading+.kg-signup-card-form{
    margin:4vmax 0 0
}
.kg-signup-card-fields{
    display:flex;
    width:100%;
    padding:3px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:4px
}
.kg-width-full .kg-signup-card-fields,.kg-width-wide .kg-signup-card-fields{
    width:100%;
    max-width:500px
}
.kg-signup-card-input{
    width:100%;
    height:4.6rem;
    margin:0 3px 0 0;
    padding:12px 16px;
    border:0;
    background:#fff;
    font-size:1.1em
}
.kg-signup-card-input:focus,.kg-signup-card-input:focus-visible{
    outline:0
}
.kg-signup-card-button{
    display:flex;
    position:relative;
    align-items:center;
    height:4.6rem;
    padding:0 1.2em;
    outline:0;
    border:0;
    font-size:1em;
    font-weight:600;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    letter-spacing:.2px;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-radius:3px;
    transition:opacity .2s ease
}
.kg-signup-card-button.kg-style-accent{
    background-color:var(--ghost-accent-color)
}
.kg-signup-card .kg-signup-card-button:hover{
    opacity:.85
}
.kg-signup-card.kg-width-wide .kg-signup-card-button{
    font-size:1.05em
}
.kg-signup-card.kg-width-full .kg-signup-card-button{
    font-size:1.1em
}
.kg-signup-card-error,.kg-signup-card-form.success .kg-signup-card-fields,.kg-signup-card-success{
    display:none
}
.kg-signup-card-form.success .kg-signup-card-success{
    display:flex;
    align-items:center;
    height:3em;
    font-size:1.25em;
    font-weight:500;
    line-height:1.4em
}
.kg-signup-card-form.error .kg-signup-card-fields{
    border:1px solid red;
    box-shadow:inset 0 0 0 1px rgba(255,0,0,.2)
}
.kg-signup-card-form.error .kg-signup-card-error{
    position:absolute;
    bottom:calc(-1rem - 1.6em);
    display:block;
    font-size:inherit
}
.kg-signup-card-button-loading{
    position:absolute;
    inset:0;
    align-items:center;
    justify-content:center;
    display:none
}
.kg-signup-card-form.loading .kg-signup-card-button-default{
    color:transparent
}
.kg-signup-card-form.loading .kg-signup-card-button-loading{
    display:flex
}
.kg-signup-card-disclaimer{
    margin:1rem 0 0
}
.kg-signup-card-form.error+.kg-signup-card-disclaimer,.kg-signup-card-form.success+.kg-signup-card-disclaimer{
    visibility:hidden
}
@media (max-width:640px){
    .kg-layout-split .kg-signup-card-content{
        grid-template-columns:1fr
    }
    .kg-width-wide .kg-signup-card-text{
        padding:6.4vmax 4vmax
    }
    .kg-layout-split.kg-content-wide .kg-signup-card-text,.kg-layout-split.kg-content-wide.kg-swapped .kg-signup-card-text{
        padding:9.6vmax 0
    }
    .kg-signup-card.kg-width-full h3.kg-signup-card-subheading:not(.kg-layout-split h3.kg-signup-card-subheading){
        max-width:unset
    }
    .kg-signup-card-content .kg-signup-card-image:not(.kg-content-wide .kg-signup-card-content .kg-signup-card-image){
        height:auto;
        min-height:unset;
        aspect-ratio:1/1
    }
    .kg-content-wide .kg-signup-card-content .kg-signup-card-image{
        padding:2.4rem 0 0
    }
    .kg-content-wide.kg-swapped .kg-signup-card-content .kg-signup-card-image{
        padding:0 0 2.4rem
    }
    .kg-signup-card-input{
        height:4.2rem;
        padding:6px 12px;
        font-size:1em
    }
    .kg-signup-card-button{
        height:4.2rem
    }
    .kg-signup-card.kg-width-full .kg-signup-card-button,.kg-signup-card.kg-width-wide .kg-signup-card-button{
        font-size:1em
    }
}
.kg-toggle-card,.kg-toggle-card *{
    box-sizing:border-box
}
.kg-toggle-card{
    background:0 0;
    box-shadow:inset 0 0 0 1px rgba(124,139,154,.25);
    border-radius:4px;
    padding:1.2em
}
.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
}
.kg-toggle-content{
    height:auto;
    opacity:1;
    transition:opacity 1s ease,top .35s ease;
    top:0;
    position:relative
}
.kg-toggle-card[data-kg-toggle-state=close] svg{
    transform:unset
}
.kg-toggle-heading{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
.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
}
.kg-toggle-content p:first-of-type{
    margin-top:.5em
}
.kg-toggle-card .kg-toggle-content ol,.kg-toggle-card .kg-toggle-content p,.kg-toggle-card .kg-toggle-content ul{
    font-size:.95em;
    line-height:1.5em;
    margin-top:.95em;
    margin-bottom:0
}
.kg-toggle-card-icon{
    height:24px;
    width:24px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:1em;
    background:0 0;
    border:0
}
.kg-toggle-heading svg{
    width:14px;
    color:rgba(124,139,154,.5);
    transition:all .3s;
    transform:rotate(-180deg)
}
.kg-toggle-heading path{
    fill:none;
    stroke:currentcolor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.5;
    fill-rule:evenodd
}
.kg-toggle-card+.kg-toggle-card{
    margin-top:1em
}
.kg-video-card,.kg-video-card *{
    box-sizing:border-box
}
.kg-video-card{
    position:relative;
    --seek-before-width:0%;
    --volume-before-width:100%;
    --buffered-width:0%
}
.kg-video-card video{
    display:block;
    max-width:100%;
    height:auto
}
.kg-video-container{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center
}
.kg-video-large-play-icon,.kg-video-overlay{
    display:flex;
    justify-content:center;
    align-items:center;
    transition:opacity .2s ease-in-out
}
.kg-video-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:linear-gradient(180deg,rgba(0,0,0,.3)0,transparent 70%,transparent 100%);
    z-index:999
}
.kg-video-large-play-icon{
    width:72px;
    height:72px;
    padding:0;
    background:rgba(0,0,0,.5);
    border-radius:50%
}
.kg-video-large-play-icon svg{
    width:20px;
    height:auto;
    margin-left:2px;
    fill:#fff
}
.kg-video-player-container{
    position:absolute;
    bottom:0;
    width:100%;
    height:80px;
    background:linear-gradient(transparent,rgba(0,0,0,.5));
    z-index:999;
    transition:opacity .2s ease-in-out
}
.kg-video-player{
    position:absolute;
    bottom:0;
    display:flex;
    align-items:center;
    width:100%;
    z-index:9999;
    padding:12px 16px
}
.kg-video-current-time,.kg-video-time{
    font-family:inherit;
    font-size:.85em;
    font-weight:500;
    line-height:1.4em;
    white-space:nowrap
}
.kg-video-current-time{
    min-width:38px;
    padding:0 4px;
    color:#fff
}
.kg-video-time{
    color:rgba(255,255,255,.6)
}
.kg-video-duration{
    padding:0 4px
}
.kg-video-pause-icon,.kg-video-play-icon{
    position:relative;
    padding:0 4px 0 0;
    font-size:0;
    background:0 0
}
.kg-video-hide{
    display:none!important
}
.kg-video-hide-animated{
    opacity:0!important;
    transition:opacity .2s ease-in-out;
    cursor:initial
}
.kg-video-pause-icon svg,.kg-video-play-icon svg{
    width:14px;
    height:14px;
    fill:#fff
}
.kg-video-seek-slider{
    flex-grow:1;
    margin:0 4px
}
@media (max-width:520px){
    .kg-video-seek-slider{
        display:none
    }
}
.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:0 0;
    white-space:nowrap
}
@media (max-width:520px){
    .kg-video-playback-rate{
        padding-left:8px
    }
}
.kg-video-mute-icon,.kg-video-unmute-icon{
    position:relative;
    bottom:-1px;
    padding:0 4px;
    font-size:0;
    background:0 0
}
@media (max-width:520px){
    .kg-video-mute-icon,.kg-video-unmute-icon{
        margin-left:auto
    }
}
.kg-video-mute-icon svg,.kg-video-unmute-icon svg{
    width:16px;
    height:16px;
    fill:#fff
}
.kg-video-volume-slider{
    width:80px
}
@media (max-width:300px){
    .kg-video-volume-slider{
        display:none
    }
}
.kg-video-seek-slider::before,.kg-video-volume-slider::before{
    content:"";
    position:absolute;
    left:0;
    width:var(--seek-before-width)!important;
    height:4px;
    cursor:pointer;
    background-color:#ebeef0;
    border-radius:2px
}
.kg-video-volume-slider::before{
    width:var(--volume-before-width)!important
}
.kg-video-card input[type=range]{
    position:relative;
    -webkit-appearance:none;
    background:0 0;
    height:auto;
    padding:0;
    border:0
}
.kg-video-card input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none
}
.kg-video-card input[type=range]::-webkit-slider-runnable-track{
    width:100%;
    height:4px;
    cursor:pointer;
    background:rgba(255,255,255,.2);
    border-radius:2px
}
.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)
}
.kg-video-card input[type=range]:active::-webkit-slider-thumb{
    transform:scale(1.2)
}
.kg-video-card input[type=range]::-moz-range-track{
    width:100%;
    height:4px;
    cursor:pointer;
    background:rgba(255,255,255,.2);
    border-radius:2px
}
.kg-video-card input[type=range]::-moz-range-progress{
    background:#ebeef0;
    border-radius:2px
}
.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)
}
.kg-video-card input[type=range]:active::-moz-range-thumb{
    transform:scale(1.2)
}
.kg-video-card input[type=range]::-ms-track{
    width:100%;
    height:3px;
    border:solid transparent;
    color:transparent;
    cursor:pointer;
    background:0 0
}
.kg-video-card input[type=range]::-ms-fill-lower{
    background:#fff
}
.kg-video-card input[type=range]::-ms-fill-upper{
    background:#ebeef0
}
.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)
}
.kg-video-card input[type=range]:active::-ms-thumb{
    transform:scale(1.2)
}




.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}

.cover {
    display: none;
}
[data-intro=one] .home-intro-one {
    display: block;
}
[data-intro=two] .home-intro-two {
    display: block;
}
[data-intro=three] .home-intro-three {
    display: block;
}
:root:not([data-theme="dark"]) body {
    --body-background-color: var(--body-custom-background-color, #F9F9FF);
}
.hide-subscrition .subscription-text, .hide-subscrition .cover-subscribe-form {
    display: none;
}
.sidebar.hidden {
    display: none;
}

.medium-zoom-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    transition:opacity .3s;
    will-change:opacity
}
.medium-zoom--opened .medium-zoom-overlay{
    cursor:pointer;
    cursor:zoom-out;
    opacity:1
}
.medium-zoom-image{
    cursor:pointer;
    cursor:zoom-in;
    transition:transform .3s cubic-bezier(.2,0,.2,1)!important
}
.medium-zoom-image--hidden{
    visibility:hidden
}
.medium-zoom-image--opened{
    position:relative;
    cursor:pointer;
    cursor:zoom-out;
    will-change:transform
}


.gh-portal-account-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:0 0 32px
}
.gh-portal-account-header .gh-portal-avatar{
    margin:6px 0 8px!important
}
.gh-portal-account-data{
    margin-bottom:40px
}
footer.gh-portal-account-footer{
    display:flex
}
.gh-portal-account-footer.paid{
    margin-top:12px
}
.gh-portal-account-footermenu{
    display:flex;
    align-items:center;
    list-style:none;
    padding:0;
    margin:0
}
.gh-portal-account-footerright{
    display:flex;
    flex-grow:1;
    align-items:center;
    justify-content:flex-end
}
.gh-portal-account-footermenu li{
    margin-right:16px
}
.gh-portal-account-footermenu li:last-of-type{
    margin-right:0
}
.gh-portal-freeaccount-newsletter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:24px
}
.gh-portal-freeaccount-newsletter .label{
    display:flex;
    flex-direction:column;
    flex-grow:1
}
.gh-portal-free-ctatext{
    margin-top:-12px
}
.gh-portal-cancelcontinue-container{
    margin:24px 0 32px
}
.gh-portal-list-detail .gh-portal-email-notice{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:6px;
    color:var(--red);
    font-weight:500;
    font-size:1.25rem;
    letter-spacing:.2px
}
.gh-portal-email-notice-icon{
    width:20px;
    height:20px
}
.gh-portal-billing-button-loader{
    width:32px;
    height:32px;
    margin-right:-3px;
    opacity:.6
}
.gh-portal-product-icon{
    width:52px;
    margin-right:12px;
    border-radius:2px
}
.gh-portal-account-discountcontainer{
    position:relative;
    display:flex;
    align-items:center
}
.gh-portal-account-old-price{
    text-decoration:line-through;
    color:var(--grey9)!important
}
.gh-portal-account-tagicon{
    width:16px;
    height:16px;
    color:var(--brandcolor);
    margin-right:5px;
    z-index:999
}
@media (max-width: 390px){
    .gh-portal-account-footer{
        padding:0!important
    }
}
@media (max-width: 340px){
    .gh-portal-account-footer{
        padding:0!important;
        flex-wrap:wrap;
        gap:12px
    }
    .gh-portal-account-footer .gh-portal-account-footerright{
        justify-content:flex-start
    }
}
.gh-email-suppressed-page-title{
    margin-bottom:14px
}
.gh-email-suppressed-page-icon{
    display:block;
    width:38px;
    height:38px;
    margin:0 auto 18px
}
.gh-email-suppressed-page-text{
    padding:0 14px;
    text-align:center;
    color:var(--grey6)
}
.gh-email-faq-footer-text{
    color:var(--grey8)
}
.gh-portal-list-detail.email-newsletter .gh-email-faq-page-button{
    display:block;
    margin-top:3px
}
.accountEmail .gh-email-faq-page-button{
    margin-left:4px
}
.emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{
    left:calc(6vmin - 14px)
}
.emailReceivingFAQ .gh-portal-closeicon-container{
    right:calc(6vmin - 20px)
}
@media (max-width: 480px){
    .emailReceivingFAQ .gh-portal-btn-back,.emailReceivingFAQ .gh-portal-btn-back:hover{
        left:16px
    }
    .emailReceivingFAQ .gh-portal-closeicon-container{
        right:24px
    }
}
.gh-email-faq-page-button{
    color:var(--brandcolor);
    cursor:pointer;
    background:none;
    transition:color linear .1s;
    font-size:1.45rem
}


.App{
    text-align:center
}
.App-logo{
    height:40vmin;
    pointer-events:none
}
@media (prefers-reduced-motion: no-preference){
    .App-logo{
        animation:App-logo-spin infinite 20s linear
    }
}
.App-header{
    background-color:#282c34;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:calc(10px + 2vmin);
    color:#fff
}
.App-link{
    color:#61dafb
}


.lightense-backdrop {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: calc(var(--lightense-z-index) - 1);
    padding: 0;
    margin: 0;
    transition: opacity var(--lightense-duration) ease;
    cursor: zoom-out;
    opacity: 0;
    background-color: var(--lightense-backdrop);
    visibility: hidden;
}

@supports (-webkit-backdrop-filter: blur(30px)) {
    .lightense-backdrop {
        background-color: var(--lightense-backdrop);
        -webkit-backdrop-filter: blur(30px);
    }
}

@supports (backdrop-filter: blur(30px)) {
    .lightense-backdrop {
        background-color: var(--lightense-backdrop);
        backdrop-filter: blur(30px);
    }
}

.lightense-wrap {
    position: relative;
    transition: transform var(--lightense-duration) var(--lightense-timing-func);
    z-index: var(--lightense-z-index);
    pointer-events: none;
}

.lightense-target {
    cursor: zoom-in;
    transition: transform var(--lightense-duration) var(--lightense-timing-func);
    pointer-events: auto;
}

.lightense-open {
    cursor: zoom-out;
}

.lightense-transitioning {
    pointer-events: none;
}


[data-theme=dark] {
    --shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.settings-panel {
    width: 420px;
    position: fixed;
    top: 108px;
    right: -1px;
    background: var(--card-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-8) 0 0 var(--radius-8);
    padding: 16px 24px;
    z-index: 9999;
    transition: right 0.25s;
    box-shadow:var(--shadow);
}
.settings-panel.closed {
    right: -420px;
}
.settings-heading {
    position: absolute;
    left: -20px;
    transform: rotate(90deg);
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
    top: 48px;
    background-color: var(--theme-color);
    border-radius: 0 0 var(--radius-8) 0;
    color: var(--white);
    white-space: nowrap;
}
.settings-panel-toggle {
    box-shadow: var(--shadow);
}
.settings-panel .icon {
    position: absolute;
    left: -40px;
    background-color: var(--theme-color);
    color: var(--white);
    padding: 8px 0;
    text-align: center;
    width: 40px;
    line-height: 0;
    border-radius: var(--radius-8) 0 0 0;
    cursor: pointer;
}
.settings-panel .icon:hover {
    background-color: var(--theme-color);
    color: var(--white);
}
.settings-panel .icon svg {
    width: 20px;
    height: 20px;
}
.setting-section {
    border-top: 1px solid var(--c-border-light);
    margin-bottom: 8px;
}

.setting-section li{
    margin-bottom: 15px;
}

.setting-type-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}
.setting-type-toggle label {
    margin-bottom: 4px;
}
.setting-section-title label {
    font-size: 0.875rem;
}

select {
    width: 100%;
    padding: 4px 8px;
    background: var(--body-background-color);
    font-size: 1rem;
    color: var(--text-color);
}
.color-input {
    flex: 0 0 32px;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
    border: none;
    padding: 0;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::-webkit-color-swatch{
    border: 2px solid var(--black);
    border-radius: 0;
}
::-moz-color-swatch,
::-moz-focus-inner{
    border: 0;
}
::-moz-focus-inner{
    padding: 0;
}
.note {
    border-top: 1px solid var(--c-border-light);
    margin-top: 8px;
    padding-top: 8px;
}
.btn-sm svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.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 ,
.sign-card  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: 0.875rem;
}

.sign-card .description {
    font-size: 1.15rem;
    margin-bottom: 2rem;
}

ul.features_list{
    padding-left: 0;
}

ul.features_list > li,
ul.features_list > li > ul > li,
.single-post-card ul > li,
.single-post-card ul > li > ul > li{
    padding-left: 28px;
    background: url('../images/pimp.svg') no-repeat left 3px;
    background-size: 20px 20px;
    list-style: none;
    margin-bottom: 15px;
}

ul.features_list > li > ul{
    margin: 15px 0;
}

@keyframes rotating{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}

@keyframes loading{
    to{
        transform:rotate(360deg)
    }
}


@keyframes App-logo-spin{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}