*,*::before,*::after{
    box-sizing:border-box
}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{
    margin:0
}
ul[role=list],ol[role=list]{
    list-style:none
}
html:focus-within{
    scroll-behavior:smooth
}
body{
    min-height:100vh;
    text-rendering:optimizeSpeed;
    line-height:1.5
}
a:not([class]){
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto
}
img,picture{
    max-width:100%;
    display:block
}
input,button,textarea,select{
    font:inherit
}
@media(prefers-reduced-motion: reduce){
    html:focus-within{
        scroll-behavior:auto
    }
    *,*::before,*::after{
        -webkit-animation-duration:.01ms !important;
        animation-duration:.01ms !important;
        -webkit-animation-iteration-count:1 !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important
    }
}
*:focus{
    box-shadow:0 0 0 3px rgba(0,123,255,.5)
}
.nav{
    position:-webkit-sticky;
    position:sticky;
    top:0rem;
    left:0;
    width:100%;
    height:auto;
    background:rgba(var(--bg-card), 1);
    box-shadow:0px 4px 12px rgba(var(--heading-text), 0.2);
    padding:1rem 1.5rem;
    z-index:5
}
@media(max-width: 60rem){
    .nav{
        padding:1.5rem 1rem
    }
}
.nav.is-border{
    border-top:3px solid rgba(var(--accent), 1)
}
.nav>.nav__link--submenu{
    border-radius:0;
    transform:translateY(5px)
}
@media(min-width: 60.15rem){
    .nav>.nav__link--submenu{
        display:none
    }
}
.nav>.nav__link--submenu.is-shown{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    top:100%
}
.nav__inner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:80rem;
    margin:0 auto
}
.nav__link{
    flex-grow:1;
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0
}
.nav__link--item+*{
    margin-left:.35rem
}
@media(max-width: 60rem){
    .nav__link--item:not(.is-home){
        display:none
    }
}
.nav__link--item:not(.nav__link--hassubmenu) a:hover{
    text-decoration:underline;
    text-underline-offset:10px;
    text-decoration-thickness:3px
}
.nav__link--item.is-active a{
    font-weight:bold;
    text-decoration:underline;
    text-underline-offset:10px;
    text-decoration-thickness:3px
}
.nav__link--item.is-avatar{
    width:36px;
    height:36px;
    margin-right:1rem
}
.nav__link--item.is-avatar img{
    border-radius:5px
}
.nav__link--item.is-avatar img.is-circle{
    border-radius:50%
}
.nav__link--item>a{
    display:inline-flex;
    align-items:center;
    color:rgba(var(--body-link), 1);
    text-decoration:none;
    padding-top:.625rem;
    padding-bottom:.625rem;
    padding-left:.9375rem;
    padding-right:.9375rem;
    border-radius:8px
}
.nav__link--item>a svg{
    -webkit-margin-start:.5rem;
    margin-inline-start:.5rem
}
.nav__link--hassubmenu>a.is-visible{
    background-color:rgba(var(--accent), 0.5)
}
.nav__link--hassubmenu>a.is-visible>span::before{
    opacity:1;
    transform:translate(-50%, 0)
}
.nav__link--hassubmenu>a.is-visible>svg{
    transform:rotate(-180deg)
}
.nav__link--hassubmenu>a>svg{
    transition:.35s
}
.nav__link--hassubmenu>a>span{
    position:relative
}
.nav__link--hassubmenu>a>span::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-25px;
    transform:translate(-50%, -10px);
    width:0;
    height:0;
    border-style:solid;
    border-width:0 22.5px 15px 22.5px;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(var(--bg-card), 1) rgba(0,0,0,0);
    filter:drop-shadow(0 -0.75rem 0.75rem rgba(var(--heading-text), 0.25));
    z-index:1;
    opacity:0;
    transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.nav__link--submenu{
    position:absolute;
    width:100%;
    left:0;
    top:calc(100% + 1rem);
    margin:0;
    padding:1rem;
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    list-style:none;
    box-shadow:rgba(var(--heading-text), 0.2) 0px 5px 15px;
    border-radius:10px;
    background-color:rgba(var(--bg-card), 1);
    transform:translateY(-10px);
    opacity:0;
    visibility:hidden;
    transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.nav__link--submenu.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0px)
}
.nav__link--submenu>:is(h1,h2,h3){
    width:100%;
    color:rgba(var(--heading-text), 1);
    font-size:1.25rem;
    padding-bottom:12px;
    margin-bottom:4px;
    border-bottom:1px solid rgba(var(--heading-text), 0.1)
}
.nav__link--submenu li{
    width:calc(25% - .75rem);
    flex-grow:1
}
@media(max-width: 60rem){
    .nav__link--submenu li{
        width:calc(50% - .75rem)
    }
}
@media(max-width: 45rem){
    .nav__link--submenu li{
        width:calc(100% - .75rem)
    }
}
.nav__link--submenu li.is-active a,.nav__link--submenu li.current-page a{
    background-color:rgba(var(--accent), 0.175);
    padding-left:1.5rem
}
.nav__link--submenu li.is-active a::before,.nav__link--submenu li.current-page a::before{
    opacity:1
}
.nav__link--submenu li a{
    position:relative;
    display:inline-flex;
    align-items:center;
    width:100%;
    padding-top:.625rem;
    padding-bottom:.625rem;
    padding-left:1rem;
    padding-right:.9375rem;
    border-radius:8px;
    transition:.35s;
    background-color:rgba(var(--body-link), 0.095);
    color:rgba(var(--body-link), 1);
    text-decoration:none
}
.nav__link--submenu li a span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.nav__link--submenu li a::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:45%;
    background-color:rgba(var(--accent), 1);
    border-radius:0 5px 5px 0;
    opacity:0;
    transition:.25s
}
.nav__link--submenu li a:hover{
    padding-left:1.5rem;
    background-color:rgba(var(--accent), 0.175)
}
.nav__link--submenu li a:hover::before{
    opacity:1
}
.nav__search{
    transform:translateY(-20px);
    visibility:hidden;
    opacity:0;
    transition:.24s;
    margin-right:.5rem
}
.nav__search.is-shown{
    opacity:1;
    transform:translateY(0);
    visibility:visible
}
.nav__search form{
    display:inline-flex;
    align-items:center;
    gap:.85rem
}
.nav__search form input{
    min-width:17rem;
    padding:.65rem 1.25rem;
    border-radius:30px;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--heading-text), 1);
    border:1px solid rgba(var(--heading-text), 0.2)
}
@media(max-width: 60rem){
    .nav__search form input{
        padding:1rem 1.25rem
    }
}
.nav__search form button{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    padding:.65rem 1.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    background-color:rgba(var(--heading-text), 1);
    color:rgba(var(--bg-card), 1);
    border-radius:10px
}
@media(max-width: 60rem){
    .nav__search{
        position:absolute;
        left:-1rem;
        top:calc(100% + 1.5rem);
        width:calc(100% + 2rem)
    }
    .nav__search form{
        width:100%
    }
    .nav__search form input{
        width:100%;
        border-radius:0;
        border:0;
        border-top:1px solid rgba(var(--heading-text), 0.2);
        border-bottom:1px solid rgba(var(--heading-text), 0.2)
    }
}
.nav__action{
    display:flex;
    align-items:center
}
.nav__action button+button{
    margin-left:.5rem
}
.nav__action button.is-disabled{
    filter:grayscale(100%);
    opacity:.5;
    cursor:not-allowed;
    pointer-events:none
}
.nav__action button[data-type-button]{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    padding:.65rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    background-color:rgba(var(--btn-secondary), 1);
    color:rgba(var(--btn-text-secondary), 1);
    border:1px solid rgba(var(--bg-card), 0.15);
    border-radius:50%
}
@media(min-width: 60rem){
    .nav__action button[data-type-button=mobile]{
        display:none
    }
}
.hero{
    position:relative;
    width:100%;
    height:var(--hero-height);
    margin-top:0px;
    background-color:rgba(var(--hero-bg-color), 1);
    background-image:var(--hero-img);
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center
}
.hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(17,17,17,.5)
}
.hero__inner{
    position:relative;
    z-index:1;
    max-width:80rem;
    margin:auto;
    color:rgba(var(--hero-text-color), 1)
}
.hero__inner :is(h1,h2,h3,h4,h5,h6,p){
    margin:1rem 0;
    width:50%
}
@media(max-width: 60rem){
    .hero__inner :is(h1,h2,h3,h4,h5,h6,p){
        width:100%;
        padding:0 2rem
    }
}
.hero__arrow{
    margin-top:2.75rem
}
@media(max-width: 60rem){
    .hero__arrow{
        width:100%;
        padding:0 2rem
    }
}
.hero__divider{
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden;
    line-height:0;
    transform:rotate(180deg)
}
.hero__divider svg{
    position:relative;
    display:block;
    width:calc(100% + 1.3px);
    height:65px
}
.hero__divider .shape-fill{
    fill:rgba(var(--bg-color), 1)
}
body{
    font-family:var(--body-font);
    background-color:rgba(var(--bg-color), 1)
}
body.is-covered{
    background-size:cover;
    background-attachment:fixed
}
body.is-repeated{
    background-size:auto;
    background-repeat:repeat;
    background-attachment:fixed
}
body.is-layout-big .wrapper{
    max-width:85rem !important
}
body.is-layout-big .nav__inner,body.is-layout-big .hero__inner,body.is-layout-big .footer__inner{
    max-width:85rem !important
}
body.is-layout-big>.tmblr-iframe{
    position:absolute !important;
    right:calc(50% - 42.5rem - 15px) !important;
    left:auto;
    top:83.5px;
    transform:scale(0.85);
    transform-origin:top right;
    z-index:5 !important
}
body.is-layout-medium .wrapper{
    max-width:75rem !important
}
body.is-layout-medium .nav__inner,body.is-layout-medium .hero__inner,body.is-layout-medium .footer__inner{
    max-width:75rem !important
}
body.is-layout-medium>.tmblr-iframe{
    position:absolute !important;
    right:calc(50% - 37.5rem - 15px) !important;
    left:auto;
    top:83.5px;
    transform:scale(0.85);
    transform-origin:top right;
    z-index:5 !important
}
body.is-layout-small .wrapper{
    max-width:63rem !important
}
body.is-layout-small .nav__inner{
    max-width:63rem !important
}
body.is-layout-small .hero__inner,body.is-layout-small .footer__inner{
    max-width:63rem !important
}
body.is-layout-small>.tmblr-iframe{
    position:absolute !important;
    right:calc(50% - 31.5rem - 15px) !important;
    left:auto;
    top:83.5px;
    transform:scale(0.85);
    transform-origin:top right;
    z-index:5 !important
}
body.is-show-hero .wrapper{
    margin-top:-15rem
}
body.is-show-hero .hero{
    display:flex
}
body.is-show-hero .hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
body.is-show-hero .nav{
    background-color:rgba(0,0,0,0);
    position:fixed;
    top:0;
    left:0;
    box-shadow:none;
    transition:.5s
}
body.is-show-hero .nav__link--item>a{
    color:#fff;
    transition:.5s
}
body.is-show-hero .nav.fade-in{
    background-color:rgba(var(--bg-card), 1);
    box-shadow:0px 4px 12px rgba(var(--heading-text), 0.2)
}
body.is-show-hero .nav.fade-in .nav__link--item>a{
    color:rgba(var(--body-link), 1)
}
@media(max-width: 60rem){
    body.is-show-hero .nav.is-changed{
        background-color:rgba(var(--bg-card), 1);
        box-shadow:0px 4px 12px rgba(var(--heading-text), 0.2)
    }
    body.is-show-hero .nav.is-changed .nav__link--item>a{
        color:rgba(var(--body-link), 1)
    }
}
body.is-hide-hero .hero{
    display:none
}
body.dark-theme{
    --bg-color: 17, 17, 17;
    --bg-card: 34, 34, 34;
    --heading-text: 255, 255, 255;
    --body-text: 222, 222, 222;
    --body-link: 222, 222, 222;
    --hero-bg-color: 34, 34, 34;
    --hero-text-color: 230, 230, 250
}
body.dark-theme img{
    filter:brightness(0.8) contrast(1.2)
}
body.dark-theme nav{
    box-shadow:none
}
body[data-blog-style=simple] .wrapper.is-right{
    grid-template-columns:1fr .5fr 2rem .85fr
}
body[data-blog-style=simple] .wrapper.is-right .wrapper__sidebar{
    grid-column:4/5;
    grid-row:1/4
}
body[data-blog-style=simple] .wrapper.is-right .wrapper__blog{
    grid-column:1/3;
    grid-row:1/2
}
body[data-blog-style=simple] .wrapper.is-right .wrapper__pagination{
    grid-column:1/3
}
@media(max-width: 60rem){
    body[data-blog-style=simple] .wrapper.is-right{
        grid-template-columns:1fr
    }
    body[data-blog-style=simple] .wrapper.is-right>*{
        grid-column:unset !important;
        grid-row:unset !important
    }
}
body[data-blog-style=simple] .wrapper.is-left{
    grid-template-columns:.85fr 2rem .5fr 1fr
}
body[data-blog-style=simple] .wrapper.is-left .wrapper__sidebar{
    grid-column:1/2;
    grid-row:1/4
}
body[data-blog-style=simple] .wrapper.is-left .wrapper__blog{
    grid-column:3/5;
    grid-row:1/2
}
body[data-blog-style=simple] .wrapper.is-left .wrapper__pagination{
    grid-column:3/5
}
@media(max-width: 60rem){
    body[data-blog-style=simple] .wrapper.is-left{
        grid-template-columns:1fr
    }
    body[data-blog-style=simple] .wrapper.is-left>*{
        grid-column:unset !important;
        grid-row:unset !important
    }
}
body[data-blog-style=masonry] .wrapper{
    display:block
}
@media(min-width: 992px){
    body[data-blog-style=masonry] .wrapper.is-right .wrapper__sidebar--inner.is-addon{
        order:-1
    }
    body[data-blog-style=masonry] .wrapper.is-left .wrapper__sidebar--inner.is-addon{
        order:2
    }
}
body[data-blog-style=masonry] .wrapper__sidebar{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0rem;
    margin-bottom:5rem;
    overflow:hidden;
    border-radius:10px;
    box-shadow:3px 4px 9px rgba(0,0,0,.06)
}
@media(max-width: 992px){
    body[data-blog-style=masonry] .wrapper__sidebar{
        grid-template-columns:1fr
    }
}
body[data-blog-style=masonry] .wrapper__sidebar--inner{
    border-radius:0;
    margin:0
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-main{
    border-right:1px solid rgba(var(--heading-text), 0.1)
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-main.is-full{
    border:0;
    grid-column:1/-1
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-main.is-full #cover.is-cover~*{
    max-width:30rem
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-highlighted{
    margin-top:auto !important
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-addon.is-no-featured .is-highlighted{
    margin:0 !important;
    border:0 !important
}
body[data-blog-style=masonry] .wrapper__sidebar--inner.is-likes,body[data-blog-style=masonry] .wrapper__sidebar--inner.is-twitter{
    display:none
}
body[data-blog-style=masonry] .wrapper__blog .grid-sizer{
    width:100%
}
body[data-blog-style=masonry] .wrapper__blog .posts{
    float:left;
    width:100%;
    margin-bottom:60px !important
}
body[data-blog-style=masonry] .wrapper__blog .posts-empty{
    width:100% !important
}
body[data-blog-style=masonry] .wrapper__blog .posts+.posts{
    margin-top:0
}
body[data-blog-style=masonry] .wrapper__blog .posts .is-source{
    display:none
}
body[data-blog-style=masonry] .wrapper__blog .posts__action{
    width:100%;
    justify-content:space-between
}
body[data-blog-style=masonry] .wrapper__blog .posts__audio{
    grid-template-columns:1fr;
    margin:0
}
body[data-blog-style=masonry] .wrapper__blog .posts__audio--album{
    display:none
}
body[data-blog-style=masonry] .wrapper__blog .posts__media{
    margin:0
}
body[data-blog-style=masonry] .wrapper__blog .posts__image img{
    border-radius:0px
}
body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .grid-sizer{
    width:calc(50% - 20px)
}
@media(max-width: 1400px){
    body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .grid-sizer{
        width:calc(50% - 20px)
    }
}
@media(max-width: 768px){
    body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .grid-sizer{
        width:100%
    }
}
body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .posts{
    float:left;
    width:calc(50% - 20px);
    margin-bottom:30px !important
}
@media(max-width: 1400px){
    body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .posts{
        width:calc(50% - 20px)
    }
}
@media(max-width: 768px){
    body[data-blog-style=masonry].is-masonry-two-column .wrapper__blog .posts{
        width:100%
    }
}
body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .grid-sizer{
    width:calc(33.333% - 20px)
}
@media(max-width: 1400px){
    body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .grid-sizer{
        width:calc(50% - 20px)
    }
}
@media(max-width: 768px){
    body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .grid-sizer{
        width:100%
    }
}
body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .posts{
    float:left;
    width:calc(33.333% - 20px);
    margin-bottom:30px !important
}
@media(max-width: 1400px){
    body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .posts{
        width:calc(50% - 20px)
    }
}
@media(max-width: 768px){
    body[data-blog-style=masonry].is-masonry-three-column .wrapper__blog .posts{
        width:100%
    }
}
body[data-blog-style=masonry].permalink-page .wrapper{
    display:grid;
    grid-template-columns:.85fr 2rem .5fr 1fr
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__sidebar{
    grid-column:1/2;
    grid-row:1/4;
    grid-template-columns:1fr;
    gap:2rem;
    box-shadow:none;
    border-radius:0
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__sidebar--inner{
    border-radius:10px !important
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__sidebar.is-main{
    border:0
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__sidebar.is-main,body[data-blog-style=masonry].permalink-page .wrapper .wrapper__sidebar.is-addon{
    box-shadow:3px 4px 9px rgba(0,0,0,.06)
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__blog{
    grid-column:3/5;
    grid-row:1/2
}
body[data-blog-style=masonry].permalink-page .wrapper .wrapper__pagination{
    grid-column:3/5
}
@media(max-width: 60rem){
    body[data-blog-style=masonry].permalink-page .wrapper{
        grid-template-columns:1fr
    }
    body[data-blog-style=masonry].permalink-page .wrapper>*{
        grid-column:unset !important;
        grid-row:unset !important
    }
}
body[data-blog-style=masonry].permalink-page .wrapper__blog .posts{
    width:100% !important
}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    word-break:break-all
}
.wrapper{
    max-width:80rem;
    min-height:100vh;
    margin-left:auto;
    margin-right:auto;
    margin-top:6.25rem;
    margin-bottom:6.25rem
}
@media(max-width: 60rem){
    .wrapper{
        padding:0 1.5rem;
        margin:1.5rem 0
    }
}
.wrapper__sidebar{
    align-self:flex-start
}
.wrapper__sidebar--inner{
    border-radius:10px
}
.wrapper__sidebar--inner+*{
    margin-top:3rem
}
@media(max-width: 60rem){
    .wrapper__sidebar--inner+*{
        margin-top:2rem
    }
}
.wrapper__sidebar--inner.is-main{
    position:relative;
    background-color:rgba(var(--bg-card), 1);
    padding-bottom:1rem;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
.wrapper__sidebar--inner.is-main.no-icon{
    padding-top:1.5rem
}
.wrapper__sidebar--inner.is-main.no-icon.is-normal{
    padding:0
}
.wrapper__sidebar--inner.is-main.no-icon.is-normal #cover.is-normal{
    margin:0
}
.wrapper__sidebar--inner.is-main [data-wrapper-type]{
    padding:0 2rem
}
.wrapper__sidebar--inner.is-main [data-wrapper-type]:empty{
    display:none
}
.wrapper__sidebar--inner.is-main #cover.is-normal{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    margin-bottom:-3.5rem
}
.wrapper__sidebar--inner.is-main #cover.is-normal img{
    width:100%;
    height:250px;
    -o-object-fit:cover;
    object-fit:cover
}
.wrapper__sidebar--inner.is-main #cover.is-cover{
    position:absolute;
    left:0;
    top:-2rem;
    width:100%;
    height:calc(100% + 2rem)
}
.wrapper__sidebar--inner.is-main #cover.is-cover::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:linear-gradient(359.56deg, rgba(var(--gradient-color), .75), rgba(0, 0, 0, 0) 87.95%);
    z-index:1
}
.wrapper__sidebar--inner.is-main #cover.is-cover>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.wrapper__sidebar--inner.is-main #cover.is-cover~*{
    position:relative;
    z-index:1;
    color:rgba(var(--white), 1)
}
.wrapper__sidebar--inner.is-main #cover.is-cover+img#avatar{
    margin-top:2rem
}
.wrapper__sidebar--inner.is-main #cover.is-cover+img#avatar+h2{
    margin-top:2rem
}
.wrapper__sidebar--inner.is-main img#avatar{
    position:relative;
    max-width:92px;
    margin:0 2rem;
    z-index:1;
    background-color:rgba(var(--bg-card), 1);
    padding:.5rem;
    border:1px solid rgba(var(--body-text), 0.5)
}
.wrapper__sidebar--inner.is-main img#avatar.is-circle{
    border-radius:50%
}
.wrapper__sidebar--inner.is-main img#avatar.is-square{
    border-radius:10px
}
.wrapper__sidebar--inner.is-main :is(h1,h2,h3,h4,h5,h6){
    margin:1rem 2rem;
    color:rgba(var(--heading-text), 1)
}
.wrapper__sidebar--inner.is-main div:not([class]){
    margin:1.5rem 2rem;
    color:rgba(var(--body-text), 1)
}
.wrapper__sidebar--inner.is-main p{
    margin:1rem 2rem;
    color:rgba(var(--body-text), 1)
}
.wrapper__sidebar--inner.is-addon{
    position:relative;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-text), 1);
    overflow:hidden;
    padding:2rem;
    display:flex;
    flex-direction:column
}
.wrapper__sidebar--inner.is-addon h2.is-border{
    border-left:14px solid rgba(var(--accent), 1);
    padding-left:14px;
    margin-bottom:1rem;
    color:rgba(var(--heading-text), 1)
}
.wrapper__sidebar--inner.is-featured{
    margin-bottom:1rem !important;
    border-radius:0px !important
}
.wrapper__sidebar--inner.is-featured a{
    display:inline-flex;
    align-items:flex-start;
    gap:14px;
    text-decoration:none;
    color:rgba(var(--body-link), 1)
}
.wrapper__sidebar--inner.is-featured a i{
    font-size:24px;
    margin-left:-4px
}
.wrapper__sidebar--inner.is-highlighted{
    margin-top:auto;
    padding-top:1rem;
    border-top:1px solid rgba(var(--heading-text), 0.1);
    border-radius:0px !important
}
.wrapper__sidebar--inner.is-highlighted h2{
    grid-column:1/-1;
    margin-bottom:1rem !important
}
.wrapper__sidebar--inner.is-highlighted .tns-outer{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-ovh{
    grid-column:1/-1
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-nav{
    padding:1rem 0;
    margin-bottom:-1.5rem
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-nav>button{
    display:inline-flex;
    align-items:center;
    width:8px;
    height:8px;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    background-color:rgba(var(--accent), 1);
    opacity:.35;
    border-radius:50%
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-nav>button+button{
    margin-left:.5rem
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-nav>button.tns-nav-active{
    opacity:1
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls{
    padding:1rem 0;
    margin-bottom:-1.5rem;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.5rem;
    outline:none;
    box-shadow:none
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls>button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    font-size:0;
    background-color:rgba(var(--accent), 1);
    border-radius:50%
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls>button[disabled]{
    opacity:.35;
    cursor:not-allowed
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls>button:before{
    font-family:"Line Awesome Free";
    font-weight:900;
    font-size:14px;
    color:rgba(var(--body-link), 1)
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls>button[data-controls=prev]:before{
    content:"ï„„"
}
.wrapper__sidebar--inner.is-highlighted .tns-outer .tns-controls>button[data-controls=next]:before{
    content:"ï„…"
}
.wrapper__sidebar--inner.is-highlighted a{
    position:relative;
    overflow:hidden;
    border-radius:6px;
    width:100%;
    height:100%;
    display:block;
    border:1px solid rgba(var(--heading-text), 0.15)
}
.wrapper__sidebar--inner.is-highlighted a .view-more{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-color:rgba(var(--accent), 0.5);
    color:rgba(var(--bg-card), 1);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:2;
    opacity:0;
    visibility:hidden;
    transition:.5s
}
.wrapper__sidebar--inner.is-highlighted a .view-more svg{
    width:21px;
    height:21px
}
.wrapper__sidebar--inner.is-highlighted a .view-more span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:35px;
    border-radius:50%;
    background-color:rgba(var(--heading-text), 1);
    color:rgba(var(--bg-card), 1)
}
.wrapper__sidebar--inner.is-highlighted a:hover .view-more{
    opacity:1;
    visibility:visible
}
.wrapper__sidebar--inner.is-highlighted a figure{
    position:relative;
    height:0;
    padding-bottom:100%;
    overflow:hidden;
    border-radius:6px
}
.wrapper__sidebar--inner.is-highlighted a figure img{
    position:absolute;
    inset:0;
    -o-object-position:top;
    object-position:top;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
}
.wrapper__sidebar--inner.is-likes{
    position:relative;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-text), 1);
    overflow:hidden
}
.wrapper__sidebar--inner.is-likes :is(h1,h2,h3,h4,h5,h6){
    padding:1rem 2rem;
    color:rgba(var(--heading-text), 1);
    border-bottom:1px solid rgba(var(--heading-text), 0.1)
}
.wrapper__sidebar--inner.is-likes [data-wrapper-type=column]{
    padding:0 1rem 1rem 1rem
}
.wrapper__sidebar--inner.is-likes [data-wrapper-type=column] a{
    justify-content:center
}
.wrapper__sidebar--inner.is-likes .posts{
    box-shadow:none
}
.wrapper__sidebar--inner.is-likes .posts+.posts{
    margin:0;
    border-top:1px solid rgba(var(--heading-text), 0.1)
}
.wrapper__sidebar--inner.is-likes .posts__body{
    padding:0 2rem
}
.wrapper__sidebar--inner.is-likes .posts__body :is(h1,h2,h3,h4,h5,h6,p){
    margin:1rem 0
}
.wrapper__sidebar--inner.is-likes .posts__body :is(h1,h2){
    color:rgba(var(--heading-text), 1)
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list{
    position:relative
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list:only-child::after,.wrapper__sidebar--inner.is-likes .posts__body .reblog-list:last-of-type::after{
    display:none
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list .reblog-post-avatar{
    display:flex;
    align-items:center;
    padding:1rem 0 0 0
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list .reblog-post-avatar span{
    margin-left:1rem
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list .reblog-post-avatar img{
    width:30px;
    height:30px;
    border-radius:5px
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list .reblog-post-avatar .user-blog{
    font-weight:bold;
    text-decoration:none;
    color:rgba(var(--body-link), 1)
}
.wrapper__sidebar--inner.is-likes .posts__body .reblog-list:not(:last-of-type){
    position:relative;
    padding-bottom:0rem
}
.wrapper__sidebar--inner.is-twitter{
    position:relative;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-text), 1);
    overflow:hidden
}
.wrapper__sidebar--inner .is-twitter__heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:1rem 2rem;
    color:rgba(var(--heading-text), 1)
}
.wrapper__sidebar--inner .is-twitter__heading h2{
    display:inline-flex;
    align-items:center
}
@media(max-width: 25rem){
    .wrapper__sidebar--inner .is-twitter__heading h2{
        margin-bottom:1rem
    }
}
.wrapper__sidebar--inner .is-twitter__heading h2 svg{
    -webkit-margin-end:.75rem;
    margin-inline-end:.75rem
}
.wrapper__sidebar--inner .is-twitter__timeline .tweets{
    display:flex;
    flex-direction:column;
    padding:2rem 2rem;
    text-decoration:none;
    color:rgba(var(--body-text), 1);
    transition:.3s
}
.wrapper__sidebar--inner .is-twitter__timeline .tweets+*{
    border-top:1px solid rgba(var(--heading-text), 0.15)
}
.wrapper__sidebar--inner .is-twitter__timeline .tweets:hover{
    background-color:rgba(var(--accent), 0.15)
}
.wrapper__sidebar--inner .is-twitter__timeline .tweets__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:1rem;
    color:rgba(var(--heading-text), 1)
}
.wrapper__sidebar--inner .is-twitter__timeline .tweets__content{
    font-size:1rem
}
.wrapper__pagination{
    margin-top:4.75rem;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width: 60rem){
    .wrapper__pagination{
        margin-bottom:3rem
    }
}
.wrapper__pagination--total{
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-text), 1);
    padding:.95rem 1.25rem;
    box-shadow:rgba(0,0,0,.1) 0px 4px 12px;
    border-radius:10px
}
.wrapper__pagination--numbers{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0
}
.wrapper__pagination--numbers li+li{
    margin-left:1rem
}
.wrapper__pagination--numbers li.is-active a{
    background-color:rgba(var(--accent), 1);
    color:rgba(var(--bg-card), 1)
}
@media(max-width: 60rem){
    .wrapper__pagination--numbers li:not(:first-child):not(:last-child){
        display:none
    }
}
.wrapper__pagination--numbers li:first-child svg{
    margin-right:.5rem
}
.wrapper__pagination--numbers li:last-child svg{
    margin-left:.5rem
}
.wrapper__pagination--numbers li a{
    min-width:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-link), 1);
    padding:.95rem 1.25rem;
    box-shadow:rgba(0,0,0,.1) 0px 4px 12px;
    transition:.3s ease-in-out;
    border-radius:10px;
    text-decoration:none
}
.wrapper__pagination--numbers li a:hover{
    background-color:rgba(var(--accent), 1);
    color:rgba(var(--bg-card), 1)
}
.wrapper__pagination--numbers li a:not([href]){
    opacity:.5;
    cursor:not-allowed
}
.wrapper.is-normal{
    display:grid;
    grid-template-rows:1fr;
    gap:1rem
}
#ask_form,#submit_form{
    margin:1rem 0
}
.posts-perma{
    padding:2.5rem 2.75rem;
    background-color:rgba(var(--bg-card), 1);
    box-shadow:3px 4px 9px rgba(0,0,0,.06)
}
.posts-perma--info{
    padding-bottom:1rem
}
.posts-perma--info h3{
    font-size:1.35rem;
    font-family:var(--body-font);
    text-align:center;
    margin-bottom:1.75rem;
    color:rgba(var(--heading-text), 1)
}
.posts-perma--data{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-bottom:1rem
}
@media(max-width: 60rem){
    .posts-perma--data{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start
    }
}
.posts-perma--data__blog{
    display:inline-flex;
    align-items:center;
    margin-top:1rem;
    color:rgba(var(--body-text), 1)
}
@media(min-width: 60rem){
    .posts-perma--data__blog{
        margin-top:0
    }
    .posts-perma--data__blog+*{
        margin-left:2.75rem
    }
}
.posts-perma--data__blog img{
    width:48px;
    height:48px;
    border-radius:8px;
    margin-right:1rem
}
.posts-perma--data__blog span a{
    color:rgba(var(--body-link), 1);
    font-weight:bold
}
.like{
    color:currentColor
}
.like .liked+svg{
    opacity:1
}
.like .liked+svg path{
    fill:#ec5a5a
}
.like .like_button{
    position:relative
}
.like .like_button iframe{
    position:absolute;
    top:-10px;
    left:-2px;
    bottom:0;
    right:0;
    z-index:2;
    opacity:0
}
ol.notes{
    list-style:none;
    padding:0;
    margin:2rem 0
}
ol.notes li{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    font-size:.9rem;
    color:rgba(var(--body-text), 1)
}
ol.notes li+li{
    margin-top:1rem
}
ol.notes li blockquote{
    position:relative;
    width:100%;
    font-size:.8rem;
    margin:1rem 0 1rem 3.25rem !important;
    background-color:#eee;
    padding:1.5rem 1.25rem !important;
    border-radius:30px 30px 30px 8px;
    border:0
}
ol.notes li blockquote:before,ol.notes li blockquote:after{
    content:"";
    position:absolute;
    bottom:-0.75rem;
    height:25px
}
ol.notes li blockquote:before{
    left:-7px;
    width:20px;
    background-color:#eee;
    border-bottom-right-radius:16px 14px
}
ol.notes li blockquote:after{
    left:-26px;
    width:26px;
    background-color:rgba(var(--bg-card), 1);
    border-bottom-right-radius:10px
}
ol.notes li.like .avatar_frame::before{
    content:"ï€„";
    background-color:#cd5c5c;
    color:#fff
}
ol.notes li.reblog .avatar_frame::before{
    content:"ï¥";
    background-color:#3d793d;
    color:#fff
}
ol.notes li.original_post .avatar_frame::before{
    content:"ï„˜";
    background-color:#2b2b2b;
    color:#fff
}
ol.notes li.with_commentary span.action{
    margin-left:3.25rem
}
ol.notes li.with_commentary .avatar_frame{
    position:absolute;
    bottom:0;
    left:0
}
ol.notes li.with_commentary .avatar_frame::before{
    content:"ï‰º";
    left:0;
    background-color:#3f4b8f;
    color:#fff
}
ol.notes li a{
    color:rgba(var(--body-link), 1);
    font-weight:bold;
    text-decoration:none
}
ol.notes li a.more_notes_link{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:1rem;
    width:100%;
    padding:.85rem 1rem;
    background-color:rgba(var(--accent), 1);
    color:rgba(var(--bg-card), 1);
    border-radius:8px
}
ol.notes li a.avatar_frame{
    position:relative;
    margin-right:1rem;
    z-index:2
}
ol.notes li a.avatar_frame::before{
    font-family:"Line Awesome Free";
    font-weight:900;
    position:absolute;
    right:-0.35rem;
    bottom:-0.35rem;
    display:inline-flex;
    align-self:center;
    justify-content:center;
    font-size:10px;
    width:1.15rem;
    padding:.2rem 0 .1rem 0;
    border-radius:50%
}
ol.notes li a.avatar_frame img{
    width:36px;
    height:36px;
    border-radius:50%
}
ol.notes .notes_loading{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:.25rem .5rem
}
.posts__media>.audio_player{
    display:flex;
    align-items:center;
    margin-bottom:1.25rem
}
.custom_audio_buttons{
    height:80px;
    width:80px;
    background:#111;
    color:#fff;
    padding:2.65rem 2.5rem 2.5rem 2.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 1rem 0 0;
    border-radius:50%;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.25)
}
.custom_audio_buttons svg{
    width:1.35em;
    height:1.35em
}
.custom_audio_error_icon svg{
    stroke:red
}
.custom_audio_duration{
    display:inline
}
.audio_player--album{
    display:block;
    position:relative;
    width:350px;
    height:0;
    padding-bottom:35%
}
.audio_player--album img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.audio_player .custom_audio_seekbar{
    width:100%;
    height:.5em;
    background:#dfdfdf;
    margin:0 1rem;
    border-radius:8px;
    overflow:hidden
}
.audio_player .custom_audio_seekbar_progress{
    width:0;
    height:100%;
    background:#07362c
}
.audio_info p{
    margin:.25em 0
}
.posts{
    position:relative;
    background-color:rgba(var(--bg-card), 1);
    color:rgba(var(--body-text), 1);
    overflow:hidden;
    border-radius:10px;
    box-shadow:3px 4px 9px rgba(0,0,0,.06)
}
.posts.pinned{
    border:3px solid rgba(var(--accent), 1)
}
.posts .is-toggle{
    position:absolute;
    bottom:30px;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    transition:.5s
}
.posts .is-toggle:hover{
    background-color:rgba(var(--body-link), 1);
    color:rgba(var(--bg-card), 1)
}
.posts .post-cta-action{
    margin:1rem 0
}
.posts .post-cta-action a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(var(--accent), 1);
    color:#fff;
    padding:.75rem 1.25rem;
    border-radius:5px;
    font-weight:bold;
    font-size:1rem;
    text-decoration:none;
    width:100%;
    height:auto
}
.posts-empty{
    position:-webkit-sticky;
    position:sticky;
    top:8rem;
    padding:1rem
}
.posts-others{
    padding:1rem
}
.posts+.posts{
    margin-top:5rem
}
@media(max-width: 60rem){
    .posts+.posts{
        margin-top:2rem
    }
}
.posts blockquote{
    margin:1rem 0;
    padding:.25rem 1rem;
    border-left:5px solid rgba(var(--accent), 1)
}
.posts .read_more,.posts .read-more{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    text-decoration:none;
    padding:.85rem 1rem;
    margin:1.5rem 0 1.5rem 0;
    width:100%;
    color:rgba(var(--heading-text), 1);
    border:1px solid rgba(var(--heading-text), 0.35);
    border-radius:5px;
    background-color:rgba(0,0,0,0)
}
.posts.posts-quote .posts__media+.posts__body{
    display:none
}
.posts__media>h1{
    font-size:1.65rem;
    padding:0 2rem;
    margin:1rem 0;
    color:rgba(var(--body-link), 1)
}
.posts__media>h1 a{
    color:rgba(var(--body-link), 1)
}
.posts__media .npf-link-block{
    margin:0
}
.posts__media p.npf_quote{
    padding:1.5rem;
    font-size:1.5rem
}
.posts__media p.npf_quote_source{
    padding:0 1.5rem
}
.posts__media p.npf_quote_source a{
    color:rgba(var(--body-link), 1)
}
.posts__media p.npf_chat{
    padding:0rem .5rem;
    margin:1rem 0
}
.posts__media p.source{
    padding:1rem 1.5rem;
    border-top:1px solid rgba(var(--heading-text), 0.1)
}
.posts__media p.source a{
    color:rgba(var(--body-link), 1);
    font-weight:bold
}
.posts__media img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.posts__body{
    padding:0 2rem
}
.posts__body figure.tmblr-full{
    margin:0 -2rem
}
.posts__body.is-truncated{
    position:relative;
    max-height:375px;
    overflow:hidden;
    transition:.5s
}
.posts__body.is-truncated::after{
    position:absolute;
    content:"";
    width:100%;
    height:200px;
    background:linear-gradient(0deg, rgba(var(--bg-card), 1), rgba(var(--bg-card), 0));
    bottom:0px;
    left:0px;
    transition:.5s;
    opacity:1;
    visibility:visible
}
.posts__body.is-truncated--full{
    max-height:9999px;
    padding-bottom:8rem
}
.posts__body.is-truncated--full::after{
    opacity:0;
    visibility:hidden
}
.posts__body :is(h1,h2,h3,h4,h5,h6,p){
    margin:1rem 0
}
.posts__body h1{
    font-size:1.65rem
}
.posts__body h2{
    font-size:1.25rem
}
.posts__body :is(h1,h2){
    color:rgba(var(--heading-text), 1)
}
.posts__body a{
    color:rgba(var(--body-link), 1)
}
.posts__body strong,.posts__body b{
    color:rgba(var(--heading-text), 1)
}
.posts__body .reblog-list{
    position:relative
}
.posts__body .reblog-list>.tmblr-full{
    margin:1rem -2rem
}
.posts__body .reblog-list:only-child::after,.posts__body .reblog-list:last-of-type::after{
    display:none
}
.posts__body .reblog-list .reblog-post-avatar{
    display:flex;
    align-items:center;
    padding:1rem 0 0 0
}
.posts__body .reblog-list .reblog-post-avatar img{
    width:30px;
    height:30px;
    border-radius:5px
}
.posts__body .reblog-list .reblog-post-avatar .user-blog{
    font-weight:bold;
    text-decoration:none;
    color:rgba(var(--body-link), 1)
}
.posts__body .reblog-list:not(:last-of-type){
    position:relative;
    padding-bottom:0rem
}
.posts__user{
    padding:0 2rem
}
.posts__user a{
    display:inline-flex;
    align-items:center;
    gap:1rem;
    margin:.85rem 0;
    color:rgba(var(--body-link), 1)
}
.posts__pinned{
    padding:1rem 2rem;
    border-bottom:1px solid rgba(var(--heading-text), 0.1)
}
@media(max-width: 60rem){
    .posts__pinned{
        margin:0
    }
}
.posts__pinned svg{
    margin-right:.5rem
}
.posts__pinned span{
    font-size:.95rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(var(--accent), 1);
    color:rgba(var(--bg-card), 1);
    padding:.35rem 1rem;
    border-radius:30px
}
.posts__audio{
    position:relative;
    display:grid;
    grid-template-columns:150px 1fr;
    gap:2rem;
    padding:1.5rem
}
@media(max-width: 992px){
    .posts__audio{
        grid-template-columns:1fr
    }
}
.posts__audio--bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:#111
}
.posts__audio--bg img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.45;
    filter:blur(10px)
}
.posts__audio--album{
    position:relative;
    width:150px;
    height:150px;
    color:rgba(var(--body-link), 1);
    background:rgba(var(--bg-card), 1);
    border-radius:8px
}
.posts__audio--album::before{
    font-family:"Line Awesome Free";
    font-weight:900;
    font-size:45px;
    color:rgba(var(--body-link), 1);
    content:"ï€¾";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:0 1rem
}
.posts__audio--album img{
    border-radius:8px;
    position:relative;
    z-index:1
}
.posts__audio--main{
    position:relative;
    z-index:2
}
.posts__audio--main button{
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    background-color:#000;
    color:#fff;
    border-radius:6px
}
.posts__audio--play{
    display:flex;
    align-items:center
}
.posts__audio--info{
    color:#fff;
    padding-left:1rem
}
.posts__audio--time{
    color:#fff;
    margin-top:2rem;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:1rem
}
.posts__audio--time .custom_audio_seekbar{
    background-color:rgba(255,255,255,.5);
    display:block;
    width:100%;
    height:4px;
    border-radius:4px;
    overflow:hidden;
    cursor:pointer
}
.posts__audio--time .custom_audio_seekbar .custom_audio_seekbar_progress{
    width:100%;
    height:4px;
    background-color:#fff
}
.posts__dated{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1rem 1rem 1rem 2rem;
    border-bottom:1px solid rgba(var(--heading-text), 0.1)
}
.posts__dated a{
    text-decoration:none;
    color:rgba(var(--body-link), 1)
}
.posts__dated__action{
    margin-left:1rem
}
.posts__dated__action ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center
}
.posts__dated__action ul>li{
    position:relative
}
.posts__dated__action ul>li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.35rem;
    height:2.35rem;
    border-radius:50%;
    transition:.5s;
    border:1px solid currentColor
}
.posts__dated__action ul>li a:hover{
    background-color:rgba(var(--accent), 0.15)
}
.posts__dated__action ul>li+li{
    margin-left:.65rem
}
.posts__dated__action ul>li svg{
    width:14px;
    height:14px
}
.posts__question,.posts__answerer{
    display:flex;
    align-items:flex-start;
    padding:1.5rem 1.5rem;
    gap:1.25rem
}
.posts__question>img,.posts__answerer>img{
    width:36px;
    height:36px;
    border-radius:5px
}
.posts__question p~p,.posts__answerer p~p{
    margin-top:.75rem
}
.posts__question a,.posts__answerer a{
    color:rgba(var(--body-link), 1);
    font-weight:bold
}
.posts__question--inner,.posts__answerer--inner{
    width:100%;
    padding:1.5rem;
    background-color:rgba(var(--heading-text), 0.1);
    color:rgba(var(--body-text), 1);
    border-radius:5px
}
.posts__question figure.tmblr-full,.posts__question figure.tmblr-embed,.posts__answerer figure.tmblr-full,.posts__answerer figure.tmblr-embed{
    margin:1.35rem -1.5rem
}
.posts__question--asker,.posts__answerer--asker{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:.65rem;
    font-weight:bold;
    font-size:.95rem
}
.posts__question--asker a,.posts__answerer--asker a{
    color:currentColor;
    margin-right:.25rem
}
.posts__answerer{
    border-top:1px solid rgba(var(--heading-text), 0.1)
}
.posts__answer{
    border-top:1px solid rgba(var(--heading-text), 0.1);
    padding:0rem 2rem
}
.posts__answer:empty{
    display:none
}
.posts__answer a{
    color:rgba(var(--body-link), 1)
}
.posts__answer :is(h1,h2){
    color:rgba(var(--heading-text), 1)
}
.posts__answer p{
    margin:1rem 0
}
.posts__answer h1,.posts__answer h2{
    margin:1rem 0
}
.posts__tags{
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:.85rem 1rem;
    border-top:1px solid rgba(var(--heading-text), 0.1);
    background-color:rgba(var(--accent), 1)
}
.posts__tags ul{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0;
    transition:all .2s
}
.posts__tags ul li{
    margin:5px 8px;
    font-size:.895rem
}
.posts__tags ul li a{
    color:rgba(var(--bg-card), 1);
    text-decoration:none
}
.posts__tags ul li a:hover{
    text-decoration:underline
}
.posts__tags ul li a::before{
    content:"#"
}
.npf-link-block>a{
    color:rgba(var(--body-link), 1)
}
.npf-link-block.no-poster .title{
    padding:10px 20px
}
.npf-link-block .bottom{
    padding:10px 20px
}
.npf-link-block .bottom .site-name{
    margin-top:0;
    color:rgba(var(--body-link), 1)
}
.original{
    padding:0
}
.reblog-list{
    position:relative;
    padding:0
}
.reblog-list:only-child::after,.reblog-list:last-of-type::after{
    display:none
}
.reblog-list:last-child{
    padding-bottom:1rem
}
.reblog-list .reblog-post-avatar{
    display:flex;
    align-items:center;
    padding:1rem 0 0 0
}
.reblog-list .reblog-post-avatar span{
    margin-left:0rem
}
.reblog-list .reblog-post-avatar img{
    width:30px;
    height:30px;
    border-radius:5px;
    margin-right:1rem
}
.reblog-list .reblog-post-avatar .user-blog{
    font-weight:bold;
    text-decoration:none;
    color:rgba(var(--body-link), 1)
}
.reblog-list:not(:last-of-type){
    position:relative;
    padding-bottom:0rem
}
.video__p,.tmblr-embed{
    position:relative;
    padding-bottom:75%;
    height:0;
    overflow:hidden;
    margin:1rem 0
}
:is(.tmblr-embed,.video__p) embed,:is(.tmblr-embed,.video__p) iframe,:is(.tmblr-embed,.video__p) object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.npf_photoset{
    overflow:hidden;
    margin:0rem -2rem
}
.npf_photoset>.tmblr-full{
    margin:0 !important
}
.npf_gallery_indicator{
    position:absolute;
    right:0;
    top:0;
    background-color:rgba(var(--heading-text), 1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:1rem;
    padding:.5rem;
    border-radius:50%;
    cursor:pointer;
    color:var(--bg-card)
}
.tmblr-attribution{
    position:relative;
    background-color:rgba(var(--heading-text), 1);
    color:rgba(var(--bg-card), 1);
    padding:.65rem 1rem;
    margin:0 !important;
    z-index:2;
    font-size:.85rem
}
.tmblr-attribution a{
    color:rgba(var(--bg-card), 1) !important
}
figure[data-tumblr-attribution]{
    overflow:hidden;
    margin:0
}
.tmblr-full>video{
    border-radius:0px
}
[photoset-layout]{
    gap:0rem;
    padding:0rem
}
[photoset-layout] div{
    cursor:zoom-in !important
}
[photoset-layout] div img{
    border-radius:0px;
    -moz-border-radius:0px
}
[photoset-layout] img{
    height:100% !important
}
span.search_query,span.tag{
    border-bottom:2px dotted currentColor
}
hr{
    position:relative;
    width:100%;
    height:1px;
    margin-left:auto;
    margin-right:auto;
    background-color:rgba(var(--heading-text), 0.15);
    color:rgba(var(--heading-text), 0.5);
    border:0 none;
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
hr::before{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-family:"Line Awesome Free";
    font-weight:900;
    font-size:20px;
    content:"ï©";
    background-color:rgba(var(--bg-card), 1);
    padding:0 1rem
}
.tmblr-lightbox .lightbox-image{
    height:auto;
    max-height:unset
}
.soundcloud_audio_player{
    margin:1rem 0
}
.tumblr_audio_player{
    width:100%
}
.is-spotify{
    position:relative;
    padding-bottom:80px;
    margin:1rem 0
}
.is-spotify .spotify_audio_player{
    position:absolute;
    width:100%;
    height:100%
}
@-webkit-keyframes fadein{
    from{
        transform:translate(0px, 60px);
        opacity:0;
        opacity:1\9 
    }
    to{
        transform:translate(0px, 0px);
        opacity:1
    }
}
@keyframes fadein{
    from{
        transform:translate(0px, 60px);
        opacity:0;
        opacity:1\9 
    }
    to{
        transform:translate(0px, 0px);
        opacity:1
    }
}
[photoset-layout] div img{
    margin:0 !important
}
.tmblr-full img{
    width:100%;
    height:auto
}
.video__p{
    margin:0 !important
}
.read_more,.read-more{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    text-decoration:none;
    padding:.85rem 1rem;
    margin:2rem 0;
    width:100%;
    color:rgba(var(--heading-text), 1);
    border:1px solid rgba(var(--heading-text), 0.35);
    border-radius:5px;
    background-color:rgba(0,0,0,0)
}
.d-none{
    display:none !important
}
body .is-bandcamp,.is-soundcloud{
    padding-bottom:0;
    height:auto
}
body .is-bandcamp *{
    position:unset;
    height:auto;
    width:100%;
    height:130px
}
body .is-soundcloud *{
    position:unset
}
body .is-soundcloud iframe.soundcloud_audio_player:first-of-type{
    margin-top:0
}
.tmblr-full{
    position:relative;
    overflow:visible !important
}
.tmblr-custom-alt{
    background-color:rgba(18,18,18,.7);
    border-radius:4px;
    bottom:20px;
    color:#fff;
    font-weight:900;
    left:15px;
    line-height:normal;
    opacity:.5;
    padding:1px 4px;
    position:absolute;
    text-decoration:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    z-index:2
}
.tmblr-custom-alt:hover{
    opacity:1
}
.tmblr-custom-alt-popup{
    position:absolute;
    left:0;
    top:calc(100% - 10px);
    max-width:350px;
    z-index:3;
    background-color:rgba(var(--btn-secondary), 1);
    color:rgba(var(--btn-text-secondary), 1);
    padding:16px 18px;
    border-radius:8px;
    opacity:0;
    transition:.3s;
    visibility:hidden;
    text-align:left
}
.tmblr-custom-alt-popup.is-shown{
    opacity:1;
    visibility:visible
}
.tmblr-custom-alt-popup button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-top:16px;
    padding:8px 8px;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:1px solid currentColor;
    color:rgba(var(--btn-text-secondary), 1);
    background:rgba(0,0,0,0);
    border-radius:8px
}
.tmblr-custom-alt-popup::before{
    content:"";
    border:10px solid rgba(0,0,0,0);
    border-top-color:rgba(0,0,0,0);
    border-top-style:solid;
    border-top-width:10px;
    border-bottom-color:rgba(0,0,0,0);
    border-top-color:rgba(0,0,0,0);
    border-top-style:solid;
    border-top-width:15px;
    border-bottom-color:rgba(0,0,0,0);
    height:0;
    pointer-events:none;
    position:absolute;
    width:0;
    border-bottom-color:rgba(var(--btn-secondary), 1);
    left:25px;
    top:-20px;
    transition:.3s
}
.btn{
    display:inline-flex;
    align-items:center;
    padding-top:.625rem;
    padding-bottom:.625rem;
    padding-left:.9375rem;
    padding-right:.9375rem;
    font-weight:600;
    font-style:normal;
    text-decoration:none;
    cursor:pointer;
    word-break:normal;
    border-radius:10px
}
.btn__wrapper{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:1.5rem 0;
    gap:1rem
}
.btn__wrapper:first-of-type{
    margin-bottom:0
}
.btn__wrapper[data-wrapper-type=row]{
    flex-direction:row
}
.btn__wrapper[data-wrapper-type=column]{
    flex-direction:column
}
.btn[data-icon-position=left] svg,.btn[data-icon-position=left] i{
    margin-right:.5rem
}
.btn[data-icon-position=right] svg,.btn[data-icon-position=right] i{
    margin-left:.5rem
}
.btn__full{
    width:100%
}
.btn__primary{
    background-color:rgba(var(--btn-primary), 1);
    color:rgba(var(--btn-text-primary), 1)
}
.btn__secondary{
    background-color:rgba(var(--btn-secondary), 1);
    color:rgba(var(--btn-text-secondary), 1)
}
.color{
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    margin:2rem 0;
    border:1px solid rgba(var(--body-text), 0.25);
    border-radius:5px;
    padding:0
}
.color legend{
    padding:.25rem .5rem;
    font-weight:bold;
    margin-left:.5rem;
    color:rgba(var(--heading-text), 1)
}
.color__picker{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:8px 16px
}
.color__picker+*{
    border-top:1px solid rgba(var(--body-text), 0.25)
}
.color__picker label{
    font-weight:bold
}
.footer{
    background:rgba(var(--bg-card), 1);
    box-shadow:0px 4px 12px rgba(var(--heading-text), 0.2);
    color:rgba(var(--body-text), 1);
    padding:2.5rem 1.5rem
}
.footer a{
    color:rgba(var(--body-link), 1);
    font-weight:bold
}
.footer__inner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:80rem;
    margin:0 auto
}
@media(max-width: 60rem){
    .footer__inner{
        flex-direction:column
    }
}
@media(max-width: 60rem){
    .footer__socmed{
        margin-top:1rem
    }
}
.footer__socmed ul{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0
}
.footer__socmed ul li+li{
    margin-left:.85rem
}
.footer__socmed ul li a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.5rem;
    height:2.5rem;
    font-weight:400;
    padding:.5rem;
    border-radius:100%;
    background-color:rgba(var(--btn-secondary), 1);
    color:rgba(var(--btn-text-secondary), 1);
    text-decoration:none
}
.footer__socmed ul li a i{
    font-size:22px
}
.footer__socmed ul li a svg{
    width:16px;
    height:16px
}
