@keyframes revealLine {
    from {
        width: 0%;
        opacity: 0
    }

    to {
        width: 60%;
        opacity: 1
    }
}

.btn {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2xs) var(--space-s);
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    word-break: normal;
    border-radius: 30px;
    transition: .4s
}

.btn__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1.5rem 0
}

.btn__wrapper:first-of-type {
    margin-bottom: 0
}

.btn__wrapper[data-wrapper-type=row] {
    flex-direction: row;
    gap: .75rem
}

.btn__wrapper[data-wrapper-type=column] {
    flex-direction: column;
    gap: 1rem
}

.btn[data-icon-position=left] svg,.btn[data-icon-position=left] i {
    margin-right: .35rem
}

.btn[data-icon-position=right] svg,.btn[data-icon-position=right] i {
    margin-left: .35rem
}

.btn__full {
    width: 100%;
    text-align: center;
    justify-content: center
}

.btn__link {
    color: rgba(var(--btn-text-primary), 1);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem
}

.btn__primary {
    background-color: rgba(var(--btn-primary), 1);
    color: rgba(var(--btn-text-primary), 1)
}

.btn__primary:hover {
    background-color: rgba(var(--btn-primary-hover), 1);
    color: rgba(var(--btn-text-primary-hover), 1)
}

.btn__tertiary {
    border: 2px solid rgba(var(--btn-primary), 1);
    color: rgba(var(--btn-primary), 1)
}

.btn__tertiary:hover {
    background-color: rgba(var(--btn-primary), 1);
    color: rgba(var(--btn-text-primary), 1)
}

*,*::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]) {
    text-decoration-skip-ink: auto
}

img,picture {
    max-width: 100%;
    display: block;
    height: auto
}

input,button,textarea,select {
    font: inherit
}

@media(prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,*::before,*::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.card {
    background-color: #ececec;
    padding: 1.5rem 2.5rem
}

.card :is(h1,h2,h3,h4,h5,h6,p) {
    margin: .35rem 0
}

.card h1 {
    font-size: 1.85rem
}

.card h2 {
    font-size: 1.35rem;
    color: #737373 !important
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.underline {
    text-decoration: underline
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-unset {
    display: unset
}

.is-displayed {
    display: block !important
}

.is-hidden {
    display: none !important
}

.w-50 {
    width: 50%
}

.w-100 {
    width: 100%
}

body {
    font-family: var(--body-font);
    background-color: rgba(var(--bg-color-1), 1);
    background: linear-gradient(0deg, rgba(var(--bg-color-1), 1) 0%, rgba(var(--bg-color-2), 1) 100%);
    background-attachment:fixed;
    display: grid;
    grid-template-columns: 1fr min(1280px,100% - var(--space-xs)) 1fr
}

body>* {
    grid-column: 2
}

body.is-bg {
    background-image: var(--bg-img)
}

body.is-covered {
    background-size: cover;
    background-repeat: no-repeat
}

body.is-repeat {
    background-repeat: repeat
}

body.is-suggestions-clicked::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(12px);
    z-index: 99
}

body.is-suggestions-clicked .nav {
    background: rgba(0,0,0,0);
    box-shadow: none;
    border: 0
}

body.is-suggestions-clicked .nav__links {
    opacity: 0;
    visibility: hidden
}

pre {
    white-space: pre-line;
    word-break: keep-all
}

.tmblr-iframe-pushdown {
    padding: 0 !important
}

.wrapper {
    display: grid;
    grid-template-columns: min(100%,300px) minmax(0, 1fr) min(100%,300px);
    gap: var(--space-l);
    align-items: flex-start;
    margin-top: calc(1*var(--space-l));
    margin-bottom: var(--space-xl);
    animation: fadein 2s
}

.wrapper.is-download-page {
    grid-template-columns: min(100%,300px) minmax(0, 1fr)
}

@media(max-width: 1300px) {
    .wrapper.is-download-page {
        width:85%;
        margin-inline:auto;padding: 0 var(--space-2xs)
    }
}

@media(max-width: 991.98px) {
    .wrapper.is-download-page {
        width:min(100%,540px);
        grid-template-columns: minmax(0, 1fr)
    }
}

.wrapper.is-collections-page {
    grid-template-columns: minmax(0, 1fr)
}

@media(max-width: 1199.98px) {
    .wrapper {
        grid-template-columns:min(100%,300px) minmax(0, 1fr)
    }
}

@media(max-width: 991.98px) {
    .wrapper {
        grid-template-columns:minmax(0, 1fr);
        width: min(100%,540px);
        margin-inline:auto;padding: 0 var(--space-3xs)
    }
}

.wrapper__header,.wrapper__sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--space-l)
}

.wrapper__header__box,.wrapper__sidebar__box {
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border-radius: 8px;
    border: 1px solid rgba(var(--border-color), 1)
}

.wrapper__header__box-title,.wrapper__sidebar__box-title {
    padding: var(--space-xs) var(--space-xs);
    border-bottom: 1px solid rgba(var(--border-color), 1);
    text-align: center
}

.wrapper__header__box-title h2,.wrapper__sidebar__box-title h2 {
    font-family: var(--heading-font)
}

.wrapper__header__box-title.left-aligned,.wrapper__sidebar__box-title.left-aligned {
    text-align: left
}

.wrapper__header__box-content,.wrapper__sidebar__box-content {
    padding: 0 var(--space-xs)
}

.wrapper__header__box-content>*,.wrapper__sidebar__box-content>* {
    margin: var(--space-xs) 0
}

.wrapper__header__box-content a.mailto,.wrapper__sidebar__box-content a.mailto {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    padding: calc(.85*var(--space-3xs)) calc(1*var(--space-2xs)) !important;
    color: rgba(var(--email-text-color), 1);
    font-size: calc(1*var(--step--2));
    font-weight: bold;
    text-decoration: none;
    background-color: rgba(var(--email-btn-color), 1);
    border: 2px solid rgba(var(--email-text-color), 0.2);
    border-radius: 999px
}

.wrapper__header__box-content a.mailto i,.wrapper__sidebar__box-content a.mailto i {
    font-size: calc(1*var(--step--1))
}

.wrapper__header__box-socmed,.wrapper__sidebar__box-socmed {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: var(--space-xs) 0;
    padding: 0;
    gap: var(--space-3xs)
}

.wrapper__header__box-socmed a,.wrapper__sidebar__box-socmed a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: rgba(var(--social-media-btn), 1);
    color: rgba(var(--social-media-btn-text), 1);
    padding: var(--space-2xs);
    border-radius: 50%;
    transition: .3s;
    aspect-ratio: 1/1
}

.wrapper__header__box-socmed a:hover,.wrapper__sidebar__box-socmed a:hover {
    background: rgba(var(--social-media-btn-hover), 1);
    color: rgba(var(--social-media-btn-text-hover), 1)
}

.wrapper__header__box-socmed a svg,.wrapper__sidebar__box-socmed a svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    fill: currentColor
}

.wrapper__header__box-navigation,.wrapper__sidebar__box-navigation {
    display: grid
}

.wrapper__header__box-navigation>a,.wrapper__sidebar__box-navigation>a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-xs);
    text-decoration: none;
    color: currentColor;
    transition: .25s;
    border-left: 0px solid rgba(0,0,0,0)
}

.wrapper__header__box-navigation>a:not(:last-child),.wrapper__sidebar__box-navigation>a:not(:last-child) {
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.wrapper__header__box-navigation>a:hover,.wrapper__sidebar__box-navigation>a:hover {
    background-color: rgba(var(--accent), 0.2);
    border-left: 5px solid rgba(var(--accent), 1)
}

.wrapper__header__box-navigation>a i[class*=la],.wrapper__sidebar__box-navigation>a i[class*=la] {
    font-size: calc(1*var(--step-1))
}

.wrapper__header .follows,.wrapper__sidebar .follows {
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border-radius: 8px;
    border: 1px solid rgba(var(--border-color), 1)
}

.wrapper__header .follows .follows__list,.wrapper__sidebar .follows .follows__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.wrapper__header .follows .follows__list__loading,.wrapper__header .follows .follows__list__error,.wrapper__header .follows .follows__list__none,.wrapper__sidebar .follows .follows__list__loading,.wrapper__sidebar .follows .follows__list__error,.wrapper__sidebar .follows .follows__list__none {
    padding: var(--space-xs)
}

.wrapper__header .follows .follows__list__detail h3,.wrapper__sidebar .follows .follows__list__detail h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: var(--step--1);
    font-family: var(--heading-font)
}

.wrapper__header .follows .follows__list__item,.wrapper__sidebar .follows .follows__list__item {
    min-width: 0
}

.wrapper__header .follows .follows__list__item:not(:last-child),.wrapper__sidebar .follows .follows__list__item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.wrapper__header .follows .follows__list__item a,.wrapper__sidebar .follows .follows__list__item a {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: var(--space-2xs) var(--space-xs);
    text-decoration: none;
    color: rgba(var(--heading-text), 1)
}

.wrapper__header .follows .follows__list__item a:hover,.wrapper__sidebar .follows .follows__list__item a:hover {
    background-color: rgba(var(--accent), 0.2)
}

.wrapper__header .follows .follows__list__item a img,.wrapper__sidebar .follows .follows__list__item a img {
    max-height: 40px;
    border-radius: 4px
}

.wrapper__header #featured,.wrapper__sidebar #featured {
    position: sticky;
    top: calc(.85*var(--space-3xl))
}

.wrapper__header #featured .featured-post,.wrapper__sidebar #featured .featured-post {
    display: grid;
    gap: var(--space-2xs)
}

.wrapper__header #featured .featured-post>.featured-post-item,.wrapper__sidebar #featured .featured-post>.featured-post-item {
    position: relative;
    aspect-ratio: 3/4;
    overflow: hidden;
    text-decoration: none;
    background: rgba(var(--bg-card), 1);
    color: rgba(var(--heading-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 3px 3px;
    border-radius: 8px;
    border: 1px solid rgba(var(--border-color), 1);
    transition: .5s
}

.wrapper__header #featured .featured-post>.featured-post-item:hover,.wrapper__sidebar #featured .featured-post>.featured-post-item:hover {
    transform: translateY(-10px);
    box-shadow: rgba(0,0,0,.35) 0px 5px 15px
}

.wrapper__header #featured .featured-post>.featured-post-item img,.wrapper__sidebar #featured .featured-post>.featured-post-item img {
    aspect-ratio: 3/4;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wrapper__header #featured .featured-post>div:empty,.wrapper__sidebar #featured .featured-post>div:empty {
    display: none
}

.wrapper__header #featured .featured-post .trail-item h1,.wrapper__sidebar #featured .featured-post .trail-item h1 {
    font-size: var(--step-0);
    font-family: var(--heading-font)
}

.wrapper__header #featured .featured-post .trail-item h2,.wrapper__sidebar #featured .featured-post .trail-item h2 {
    font-size: var(--step--1)
}

.wrapper__header #featured .featured-post .trail-item>*:not(.npf_row):not(.npf_video),.wrapper__sidebar #featured .featured-post .trail-item>*:not(.npf_row):not(.npf_video) {
    padding: 0 var(--space-2xs);
    margin: var(--space-2xs) 0
}

.wrapper__header #featured .featured-post .trail-item .trail-item-username,.wrapper__sidebar #featured .featured-post .trail-item .trail-item-username {
    display: flex;
    align-items: center;
    gap: 6px
}

.wrapper__header #featured .featured-post .trail-item .trail-item-username .trail-item-avatar,.wrapper__sidebar #featured .featured-post .trail-item .trail-item-username .trail-item-avatar {
    width: 16px;
    height: 16px
}

.wrapper__header #featured .featured-post .caption:not(.featured-post-image)::after,.wrapper__sidebar #featured .featured-post .caption:not(.featured-post-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 65%;
    background: linear-gradient(0deg, rgba(var(--accent), 1), rgba(var(--accent), 0));
    bottom: 0;
    left: 0;
    z-index: 3
}

.wrapper__header #featured .featured-post .featured-ask-item,.wrapper__sidebar #featured .featured-post .featured-ask-item {
    background-color: rgb(var(--accent));
    color: rgb(var(--background));
    padding: var(--space-2xs);
    aspect-ratio: 3/4
}

.wrapper__header #featured .featured-post .npf-audio-inner,.wrapper__header #featured .featured-post .featured-post-video,.wrapper__header #featured .featured-post .npf-video-block,.wrapper__sidebar #featured .featured-post .npf-audio-inner,.wrapper__sidebar #featured .featured-post .featured-post-video,.wrapper__sidebar #featured .featured-post .npf-video-block {
    aspect-ratio: 3/4;
    background: rgba(var(--heading-text), 0.5);
    color: rgba(var(--heading-text), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--step-3);
    background-size: cover;
    background-position: center
}

.wrapper__header #featured .featured-post .npf-audio-inner i,.wrapper__header #featured .featured-post .featured-post-video i,.wrapper__header #featured .featured-post .npf-video-block i,.wrapper__sidebar #featured .featured-post .npf-audio-inner i,.wrapper__sidebar #featured .featured-post .featured-post-video i,.wrapper__sidebar #featured .featured-post .npf-video-block i {
    color: #fff
}

.wrapper__header #featured .featured-post .caption-inner>*:not(.npf_row),.wrapper__sidebar #featured .featured-post .caption-inner>*:not(.npf_row) {
    padding: 0 var(--space-2xs);
    margin: var(--space-2xs) 0
}

.wrapper__header #featured .featured-post .caption,.wrapper__sidebar #featured .featured-post .caption {
    background: rgba(var(--bg-card), 1);
    color: rgba(var(--heading-text), 1);
    overflow: hidden
}

.wrapper__header #featured .featured-post .caption>.trail-item+.caption-inner,.wrapper__sidebar #featured .featured-post .caption>.trail-item+.caption-inner {
    display: none
}

.wrapper__header #featured .featured-post .caption>.trail-item .npf-video-block i,.wrapper__sidebar #featured .featured-post .caption>.trail-item .npf-video-block i {
    color: #fff
}

@media(min-width: 992px) {
    .wrapper__header {
        position:sticky;
        top: calc(.95*var(--space-3xl))
    }
}

.wrapper__header__filtering {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2xs);
    margin: var(--space-2xs) 0;
    padding: 0 var(--space-2xs);
    list-style: none
}

.wrapper__header__filtering li:first-child {
    grid-column: 1/-1
}

.wrapper__header__filtering li button {
    cursor: pointer;
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    width: 100%;
    background-color: rgba(var(--body-text), 0.1);
    padding: calc(2*var(--space-3xs)) var(--space-xs);
    border-radius: 8px;
    border: 0;
    text-decoration: none;
    color: currentColor;
    transition: .25s;
    border: 2px solid rgba(0,0,0,0);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.wrapper__header__filtering li button:hover {
    background-color: rgba(var(--accent), 0.2);
    border: 2px solid rgba(var(--accent), 1)
}

.wrapper__header__filtering li button.active {
    background-color: rgba(var(--accent), 0.2);
    border: 2px solid rgba(var(--accent), 1);
    padding-left: calc(.75*var(--space-2xs))
}

.wrapper__header__filtering li button.active::before {
    content: "✅ "
}

.wrapper__header__external {
    display: grid
}

.wrapper__header__external>a {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    padding: var(--space-2xs) var(--space-xs);
    text-decoration: none;
    color: currentColor;
    transition: .25s;
    border-left: 0px solid rgba(0,0,0,0)
}

.wrapper__header__external>a:not(:last-child) {
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.wrapper__header__external>a:hover {
    background-color: rgba(var(--accent), 0.2);
    border-left: 5px solid rgba(var(--accent), 1)
}

.wrapper__header__external>a svg {
    stroke-width: 2px
}

.wrapper__sidebar {
    height: 100%
}

.wrapper__collections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: var(--space-m)
}

.wrapper__collections .collection-item {
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border: 1px solid rgba(var(--border-color), 1);
    border-radius: 8px;
    overflow: hidden;
    transition: .4s
}

.wrapper__collections .collection-item:hover {
    transform: translateY(-6px)
}

.wrapper__collections .collection-item-image img {
    width: 100%
}

.wrapper__collections .collection-item-information {
    display: block;
    text-align: center;
    padding: var(--space-xs) var(--space-xs);
    text-decoration: none;
    color: rgba(var(--body-link), 1)
}

.wrapper__collections .collection-item-information h4 {
    font-size: var(--step-0);
    font-weight: bold;
    font-family: var(--heading-font);
    margin: var(--space-2xs) 0
}

.wrapper__downloads {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: var(--space-m)
}

.wrapper__downloads .no-items-message {
    display: none;
    color: rgba(var(--body-text), 1);
    grid-column: 1/-1;
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border: 1px solid rgba(var(--border-color), 1);
    border-radius: 8px;
    overflow: hidden;
    padding: var(--space-s);
    grid-column: 1/-1
}

.wrapper__downloads .no-items-message h2 {
    font-family: var(--heading-font);
    font-size: var(--step-1);
    margin-bottom: var(--space-2xs)
}

.wrapper__downloads .downloads-item {
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border: 1px solid rgba(var(--border-color), 1);
    border-radius: 8px;
    overflow: hidden;
    transition: .4s
}

.downloads-item-title {
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    text-decoration: none;
    color: rgba(var(--body-link), 1);
    font-weight: bold
}

.downloads-item-desc {
    display: block;
    text-align: center;
    border-top:1px solid #00000026;
    padding-top: 10px;
    padding-bottom: 15px;
    text-decoration: none;
    color: rgba(var(--body-link), 1);
    font-weight: bold;
    font-style: italic;
}

.wrapper__downloads .downloads-item:hover {
    transform: translateY(-6px)
}

.wrapper__downloads .downloads-item-image img {
    width: 100%
}

.wrapper__downloads .downloads-item-link {
    display: block;
    text-align: center;
    padding: var(--space-xs) var(--space-2xs);
    text-decoration: none;
    color: rgba(var(--body-link), 1);
    font-weight: bold
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tumblr_video_container {
    position: relative;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 52.65%
}

.tumblr_video_container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#ask_form,#submit_form {
    margin: 2rem 0
}

.soundcloud_audio_player {
    margin: 1.25rem 0;
    width: 100% !important
}

.is-spotify {
    position: relative;
    padding-bottom: 80px;
    margin: 1rem 0
}

.is-spotify .spotify_audio_player {
    position: absolute;
    width: 100%;
    height: 100%
}

.is-bandcamp iframe.bandcamp_audio_player {
    width: 100% !important
}

.like {
    color: currentColor
}

.like .liked+svg {
    opacity: 1
}

.like .liked+svg path {
    fill: #ec5a5a;
    stroke: #ec5a5a
}

.like .like_button {
    position: relative
}

.like .like_button iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0
}

.tumblr_audio_player {
    height: 90px;
    width: 100%
}

.poll-post {
    margin: var(--space-2xs) 0
}

.poll-post .poll-question {
    text-align: center;
    margin-top: 0;
    font-size: 22px;
    font-family: var(--heading-font);
    line-height: 1.25
}

.poll-post a.poll-row {
    background: rgba(0,0,0,0);
    border: 2px solid rgba(var(--accent), 1);
    color: rgba(var(--accent), 1);
    transition: .14s
}

.poll-post a.poll-row:hover {
    background: rgba(var(--accent), 1);
    color: rgba(var(--bg-card), 1)
}

.poll-post .poll-post-date {
    margin-top: 1.5rem;
    text-align: center;
    font-size: .8rem
}

.poll-post .poll-post-date>span {
    display: block
}

.popover.tutorial {
    font-family: var(--body-font);
    border: 2px solid rgba(var(--body-text), 0.1)
}

.popover.tutorial .ok_button {
    cursor: pointer;
    border: 0;
    width: 100%;
    padding: 10px 15px !important;
    border-radius: 8px;
    background: rgba(var(--btn-primary), 1);
    color: rgba(var(--btn-text-primary), 1)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.container--width-full {
    max-width: 100%
}

.container--width-sm {
    max-width: 540px
}

.container--width-md {
    max-width: 720px
}

.container--width-lg {
    max-width: 960px
}

.container--width-xl {
    max-width: 1140px
}

.container--width-xxl {
    max-width: 1320px
}

.container--width-xxxl {
    max-width: 1400px
}

.flex {
    display: flex
}

.flex--align-start {
    align-items: flex-start
}

.flex--align-end {
    align-items: flex-end
}

.flex--align-center {
    align-items: center
}

.flex--align-stretch {
    align-items: stretch
}

.flex--align-baseline {
    align-items: baseline
}

.flex--justify-start {
    justify-content: flex-start
}

.flex--justify-end {
    justify-content: flex-end
}

.flex--justify-center {
    justify-content: center
}

.flex--justify-around {
    justify-content: space-around
}

.flex--justify-between {
    justify-content: space-between
}

.flex--justify-evenly {
    justify-content: space-evenly
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    grid-gap: 2rem
}

.grid+.grid {
    margin-top: 2rem
}

.grid.grid-one {
    grid-template-columns: 1fr
}

.grid.grid-two {
    grid-template-columns: 1fr 1fr
}

.grid.grid-three {
    grid-template-columns: 1fr 1fr 1fr
}

.grid.grid-four {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.grid.grid-90-10 {
    grid-template-columns: 90% 10%
}

.grid.grid-80-20 {
    grid-template-columns: 80% 20%
}

.grid.grid-70-30 {
    grid-template-columns: 70% 30%
}

.grid.grid-60-40 {
    grid-template-columns: 60% 40%
}

.grid.grid-40-60 {
    grid-template-columns: 40% 60%
}

.grid.grid-30-70 {
    grid-template-columns: 30% 70%
}

.grid.grid-20-80 {
    grid-template-columns: 20% 80%
}

.grid.grid-10-90 {
    grid-template-columns: 10 90%
}

@media(max-width: 991.98px) {
    .grid {
        grid-template-columns:1fr
    }

    .grid[class*=grid-] {
        grid-template-columns: 1fr
    }
}

.grid-item {
    position: relative
}

.grid-item__image img {
    width: 100%
}

.grid-item__title {
    border-top: 2px solid rgba(var(--accent-color-two), 1);
    margin-bottom: 2rem
}

.grid-item__title h1 {
    font-size: 1rem !important;
    text-transform: uppercase
}

.grid-item p {
    margin: 1rem 0
}

.grid-item a:not([class]) {
    color: #e62638
}

.grid-wrap {
    padding: 2rem
}

.margin--x-auto {
    margin: 0 auto
}

.margin--left-auto {
    margin-left: auto
}

.margin--right-auto {
    margin-left: auto
}

.margin--right-5,.margin--x-5 {
    margin-right: 5px
}

.margin--right-5-percent,.margin--x-5-percent {
    margin-right: 5%
}

.margin--right-10,.margin--x-10 {
    margin-right: 10px
}

.margin--right-10-percent,.margin--x-10-percent {
    margin-right: 10%
}

.margin--right-15,.margin--x-15 {
    margin-right: 15px
}

.margin--right-15-percent,.margin--x-15-percent {
    margin-right: 15%
}

.margin--right-20,.margin--x-20 {
    margin-right: 20px
}

.margin--right-20-percent,.margin--x-20-percent {
    margin-right: 20%
}

.margin--right-25,.margin--x-25 {
    margin-right: 25px
}

.margin--right-25-percent,.margin--x-25-percent {
    margin-right: 25%
}

.margin--right-30,.margin--x-30 {
    margin-right: 30px
}

.margin--right-30-percent,.margin--x-30-percent {
    margin-right: 30%
}

.margin--right-35,.margin--x-35 {
    margin-right: 35px
}

.margin--right-35-percent,.margin--x-35-percent {
    margin-right: 35%
}

.margin--right-40,.margin--x-40 {
    margin-right: 40px
}

.margin--right-40-percent,.margin--x-40-percent {
    margin-right: 40%
}

.margin--right-45,.margin--x-45 {
    margin-right: 45px
}

.margin--right-45-percent,.margin--x-45-percent {
    margin-right: 45%
}

.margin--right-50,.margin--x-50 {
    margin-right: 50px
}

.margin--right-50-percent,.margin--x-50-percent {
    margin-right: 50%
}

.margin--right-55,.margin--x-55 {
    margin-right: 55px
}

.margin--right-55-percent,.margin--x-55-percent {
    margin-right: 55%
}

.margin--right-60,.margin--x-60 {
    margin-right: 60px
}

.margin--right-60-percent,.margin--x-60-percent {
    margin-right: 60%
}

.margin--right-65,.margin--x-65 {
    margin-right: 65px
}

.margin--right-65-percent,.margin--x-65-percent {
    margin-right: 65%
}

.margin--right-70,.margin--x-70 {
    margin-right: 70px
}

.margin--right-70-percent,.margin--x-70-percent {
    margin-right: 70%
}

.margin--right-75,.margin--x-75 {
    margin-right: 75px
}

.margin--right-75-percent,.margin--x-75-percent {
    margin-right: 75%
}

.margin--right-80,.margin--x-80 {
    margin-right: 80px
}

.margin--right-80-percent,.margin--x-80-percent {
    margin-right: 80%
}

.margin--right-85,.margin--x-85 {
    margin-right: 85px
}

.margin--right-85-percent,.margin--x-85-percent {
    margin-right: 85%
}

.margin--right-90,.margin--x-90 {
    margin-right: 90px
}

.margin--right-90-percent,.margin--x-90-percent {
    margin-right: 90%
}

.margin--right-95,.margin--x-95 {
    margin-right: 95px
}

.margin--right-95-percent,.margin--x-95-percent {
    margin-right: 95%
}

.margin--left-5,.margin--x-5 {
    margin-left: 5px
}

.margin--left-5-percent,.margin--x-5-percent {
    margin-left: 5%
}

.margin--left-10,.margin--x-10 {
    margin-left: 10px
}

.margin--left-10-percent,.margin--x-10-percent {
    margin-left: 10%
}

.margin--left-15,.margin--x-15 {
    margin-left: 15px
}

.margin--left-15-percent,.margin--x-15-percent {
    margin-left: 15%
}

.margin--left-20,.margin--x-20 {
    margin-left: 20px
}

.margin--left-20-percent,.margin--x-20-percent {
    margin-left: 20%
}

.margin--left-25,.margin--x-25 {
    margin-left: 25px
}

.margin--left-25-percent,.margin--x-25-percent {
    margin-left: 25%
}

.margin--left-30,.margin--x-30 {
    margin-left: 30px
}

.margin--left-30-percent,.margin--x-30-percent {
    margin-left: 30%
}

.margin--left-35,.margin--x-35 {
    margin-left: 35px
}

.margin--left-35-percent,.margin--x-35-percent {
    margin-left: 35%
}

.margin--left-40,.margin--x-40 {
    margin-left: 40px
}

.margin--left-40-percent,.margin--x-40-percent {
    margin-left: 40%
}

.margin--left-45,.margin--x-45 {
    margin-left: 45px
}

.margin--left-45-percent,.margin--x-45-percent {
    margin-left: 45%
}

.margin--left-50,.margin--x-50 {
    margin-left: 50px
}

.margin--left-50-percent,.margin--x-50-percent {
    margin-left: 50%
}

.margin--left-55,.margin--x-55 {
    margin-left: 55px
}

.margin--left-55-percent,.margin--x-55-percent {
    margin-left: 55%
}

.margin--left-60,.margin--x-60 {
    margin-left: 60px
}

.margin--left-60-percent,.margin--x-60-percent {
    margin-left: 60%
}

.margin--left-65,.margin--x-65 {
    margin-left: 65px
}

.margin--left-65-percent,.margin--x-65-percent {
    margin-left: 65%
}

.margin--left-70,.margin--x-70 {
    margin-left: 70px
}

.margin--left-70-percent,.margin--x-70-percent {
    margin-left: 70%
}

.margin--left-75,.margin--x-75 {
    margin-left: 75px
}

.margin--left-75-percent,.margin--x-75-percent {
    margin-left: 75%
}

.margin--left-80,.margin--x-80 {
    margin-left: 80px
}

.margin--left-80-percent,.margin--x-80-percent {
    margin-left: 80%
}

.margin--left-85,.margin--x-85 {
    margin-left: 85px
}

.margin--left-85-percent,.margin--x-85-percent {
    margin-left: 85%
}

.margin--left-90,.margin--x-90 {
    margin-left: 90px
}

.margin--left-90-percent,.margin--x-90-percent {
    margin-left: 90%
}

.margin--left-95,.margin--x-95 {
    margin-left: 95px
}

.margin--left-95-percent,.margin--x-95-percent {
    margin-left: 95%
}

.margin--top-5,.margin--y-5 {
    margin-top: 5px
}

.margin--top-5-percent,.margin--y-5-percent {
    margin-top: 5%
}

.margin--top-10,.margin--y-10 {
    margin-top: 10px
}

.margin--top-10-percent,.margin--y-10-percent {
    margin-top: 10%
}

.margin--top-15,.margin--y-15 {
    margin-top: 15px
}

.margin--top-15-percent,.margin--y-15-percent {
    margin-top: 15%
}

.margin--top-20,.margin--y-20 {
    margin-top: 20px
}

.margin--top-20-percent,.margin--y-20-percent {
    margin-top: 20%
}

.margin--top-25,.margin--y-25 {
    margin-top: 25px
}

.margin--top-25-percent,.margin--y-25-percent {
    margin-top: 25%
}

.margin--top-30,.margin--y-30 {
    margin-top: 30px
}

.margin--top-30-percent,.margin--y-30-percent {
    margin-top: 30%
}

.margin--top-35,.margin--y-35 {
    margin-top: 35px
}

.margin--top-35-percent,.margin--y-35-percent {
    margin-top: 35%
}

.margin--top-40,.margin--y-40 {
    margin-top: 40px
}

.margin--top-40-percent,.margin--y-40-percent {
    margin-top: 40%
}

.margin--top-45,.margin--y-45 {
    margin-top: 45px
}

.margin--top-45-percent,.margin--y-45-percent {
    margin-top: 45%
}

.margin--top-50,.margin--y-50 {
    margin-top: 50px
}

.margin--top-50-percent,.margin--y-50-percent {
    margin-top: 50%
}

.margin--top-55,.margin--y-55 {
    margin-top: 55px
}

.margin--top-55-percent,.margin--y-55-percent {
    margin-top: 55%
}

.margin--top-60,.margin--y-60 {
    margin-top: 60px
}

.margin--top-60-percent,.margin--y-60-percent {
    margin-top: 60%
}

.margin--top-65,.margin--y-65 {
    margin-top: 65px
}

.margin--top-65-percent,.margin--y-65-percent {
    margin-top: 65%
}

.margin--top-70,.margin--y-70 {
    margin-top: 70px
}

.margin--top-70-percent,.margin--y-70-percent {
    margin-top: 70%
}

.margin--top-75,.margin--y-75 {
    margin-top: 75px
}

.margin--top-75-percent,.margin--y-75-percent {
    margin-top: 75%
}

.margin--top-80,.margin--y-80 {
    margin-top: 80px
}

.margin--top-80-percent,.margin--y-80-percent {
    margin-top: 80%
}

.margin--top-85,.margin--y-85 {
    margin-top: 85px
}

.margin--top-85-percent,.margin--y-85-percent {
    margin-top: 85%
}

.margin--top-90,.margin--y-90 {
    margin-top: 90px
}

.margin--top-90-percent,.margin--y-90-percent {
    margin-top: 90%
}

.margin--top-95,.margin--y-95 {
    margin-top: 95px
}

.margin--top-95-percent,.margin--y-95-percent {
    margin-top: 95%
}

.margin--bottom-5,.margin--y-5 {
    margin-bottom: 5px
}

.margin--bottom-5-percent,.margin--y-5-percent {
    margin-bottom: 5%
}

.margin--bottom-10,.margin--y-10 {
    margin-bottom: 10px
}

.margin--bottom-10-percent,.margin--y-10-percent {
    margin-bottom: 10%
}

.margin--bottom-15,.margin--y-15 {
    margin-bottom: 15px
}

.margin--bottom-15-percent,.margin--y-15-percent {
    margin-bottom: 15%
}

.margin--bottom-20,.margin--y-20 {
    margin-bottom: 20px
}

.margin--bottom-20-percent,.margin--y-20-percent {
    margin-bottom: 20%
}

.margin--bottom-25,.margin--y-25 {
    margin-bottom: 25px
}

.margin--bottom-25-percent,.margin--y-25-percent {
    margin-bottom: 25%
}

.margin--bottom-30,.margin--y-30 {
    margin-bottom: 30px
}

.margin--bottom-30-percent,.margin--y-30-percent {
    margin-bottom: 30%
}

.margin--bottom-35,.margin--y-35 {
    margin-bottom: 35px
}

.margin--bottom-35-percent,.margin--y-35-percent {
    margin-bottom: 35%
}

.margin--bottom-40,.margin--y-40 {
    margin-bottom: 40px
}

.margin--bottom-40-percent,.margin--y-40-percent {
    margin-bottom: 40%
}

.margin--bottom-45,.margin--y-45 {
    margin-bottom: 45px
}

.margin--bottom-45-percent,.margin--y-45-percent {
    margin-bottom: 45%
}

.margin--bottom-50,.margin--y-50 {
    margin-bottom: 50px
}

.margin--bottom-50-percent,.margin--y-50-percent {
    margin-bottom: 50%
}

.margin--bottom-55,.margin--y-55 {
    margin-bottom: 55px
}

.margin--bottom-55-percent,.margin--y-55-percent {
    margin-bottom: 55%
}

.margin--bottom-60,.margin--y-60 {
    margin-bottom: 60px
}

.margin--bottom-60-percent,.margin--y-60-percent {
    margin-bottom: 60%
}

.margin--bottom-65,.margin--y-65 {
    margin-bottom: 65px
}

.margin--bottom-65-percent,.margin--y-65-percent {
    margin-bottom: 65%
}

.margin--bottom-70,.margin--y-70 {
    margin-bottom: 70px
}

.margin--bottom-70-percent,.margin--y-70-percent {
    margin-bottom: 70%
}

.margin--bottom-75,.margin--y-75 {
    margin-bottom: 75px
}

.margin--bottom-75-percent,.margin--y-75-percent {
    margin-bottom: 75%
}

.margin--bottom-80,.margin--y-80 {
    margin-bottom: 80px
}

.margin--bottom-80-percent,.margin--y-80-percent {
    margin-bottom: 80%
}

.margin--bottom-85,.margin--y-85 {
    margin-bottom: 85px
}

.margin--bottom-85-percent,.margin--y-85-percent {
    margin-bottom: 85%
}

.margin--bottom-90,.margin--y-90 {
    margin-bottom: 90px
}

.margin--bottom-90-percent,.margin--y-90-percent {
    margin-bottom: 90%
}

.margin--bottom-95,.margin--y-95 {
    margin-bottom: 95px
}

.margin--bottom-95-percent,.margin--y-95-percent {
    margin-bottom: 95%
}

.padding-right-5,.padding--x-5 {
    padding-right: 5px
}

.padding-right-5-percent,.padding--x-5-percent {
    padding-right: 5%
}

.padding-right-10,.padding--x-10 {
    padding-right: 10px
}

.padding-right-10-percent,.padding--x-10-percent {
    padding-right: 10%
}

.padding-right-15,.padding--x-15 {
    padding-right: 15px
}

.padding-right-15-percent,.padding--x-15-percent {
    padding-right: 15%
}

.padding-right-20,.padding--x-20 {
    padding-right: 20px
}

.padding-right-20-percent,.padding--x-20-percent {
    padding-right: 20%
}

.padding-right-25,.padding--x-25 {
    padding-right: 25px
}

.padding-right-25-percent,.padding--x-25-percent {
    padding-right: 25%
}

.padding-right-30,.padding--x-30 {
    padding-right: 30px
}

.padding-right-30-percent,.padding--x-30-percent {
    padding-right: 30%
}

.padding-right-35,.padding--x-35 {
    padding-right: 35px
}

.padding-right-35-percent,.padding--x-35-percent {
    padding-right: 35%
}

.padding-right-40,.padding--x-40 {
    padding-right: 40px
}

.padding-right-40-percent,.padding--x-40-percent {
    padding-right: 40%
}

.padding-right-45,.padding--x-45 {
    padding-right: 45px
}

.padding-right-45-percent,.padding--x-45-percent {
    padding-right: 45%
}

.padding-right-50,.padding--x-50 {
    padding-right: 50px
}

.padding-right-50-percent,.padding--x-50-percent {
    padding-right: 50%
}

.padding-right-55,.padding--x-55 {
    padding-right: 55px
}

.padding-right-55-percent,.padding--x-55-percent {
    padding-right: 55%
}

.padding-right-60,.padding--x-60 {
    padding-right: 60px
}

.padding-right-60-percent,.padding--x-60-percent {
    padding-right: 60%
}

.padding-right-65,.padding--x-65 {
    padding-right: 65px
}

.padding-right-65-percent,.padding--x-65-percent {
    padding-right: 65%
}

.padding-right-70,.padding--x-70 {
    padding-right: 70px
}

.padding-right-70-percent,.padding--x-70-percent {
    padding-right: 70%
}

.padding-right-75,.padding--x-75 {
    padding-right: 75px
}

.padding-right-75-percent,.padding--x-75-percent {
    padding-right: 75%
}

.padding-right-80,.padding--x-80 {
    padding-right: 80px
}

.padding-right-80-percent,.padding--x-80-percent {
    padding-right: 80%
}

.padding-right-85,.padding--x-85 {
    padding-right: 85px
}

.padding-right-85-percent,.padding--x-85-percent {
    padding-right: 85%
}

.padding-right-90,.padding--x-90 {
    padding-right: 90px
}

.padding-right-90-percent,.padding--x-90-percent {
    padding-right: 90%
}

.padding-right-95,.padding--x-95 {
    padding-right: 95px
}

.padding-right-95-percent,.padding--x-95-percent {
    padding-right: 95%
}

.padding-left-5,.padding--x-5 {
    padding-left: 5px
}

.padding-left-5-percent,.padding--x-5-percent {
    padding-left: 5%
}

.padding-left-10,.padding--x-10 {
    padding-left: 10px
}

.padding-left-10-percent,.padding--x-10-percent {
    padding-left: 10%
}

.padding-left-15,.padding--x-15 {
    padding-left: 15px
}

.padding-left-15-percent,.padding--x-15-percent {
    padding-left: 15%
}

.padding-left-20,.padding--x-20 {
    padding-left: 20px
}

.padding-left-20-percent,.padding--x-20-percent {
    padding-left: 20%
}

.padding-left-25,.padding--x-25 {
    padding-left: 25px
}

.padding-left-25-percent,.padding--x-25-percent {
    padding-left: 25%
}

.padding-left-30,.padding--x-30 {
    padding-left: 30px
}

.padding-left-30-percent,.padding--x-30-percent {
    padding-left: 30%
}

.padding-left-35,.padding--x-35 {
    padding-left: 35px
}

.padding-left-35-percent,.padding--x-35-percent {
    padding-left: 35%
}

.padding-left-40,.padding--x-40 {
    padding-left: 40px
}

.padding-left-40-percent,.padding--x-40-percent {
    padding-left: 40%
}

.padding-left-45,.padding--x-45 {
    padding-left: 45px
}

.padding-left-45-percent,.padding--x-45-percent {
    padding-left: 45%
}

.padding-left-50,.padding--x-50 {
    padding-left: 50px
}

.padding-left-50-percent,.padding--x-50-percent {
    padding-left: 50%
}

.padding-left-55,.padding--x-55 {
    padding-left: 55px
}

.padding-left-55-percent,.padding--x-55-percent {
    padding-left: 55%
}

.padding-left-60,.padding--x-60 {
    padding-left: 60px
}

.padding-left-60-percent,.padding--x-60-percent {
    padding-left: 60%
}

.padding-left-65,.padding--x-65 {
    padding-left: 65px
}

.padding-left-65-percent,.padding--x-65-percent {
    padding-left: 65%
}

.padding-left-70,.padding--x-70 {
    padding-left: 70px
}

.padding-left-70-percent,.padding--x-70-percent {
    padding-left: 70%
}

.padding-left-75,.padding--x-75 {
    padding-left: 75px
}

.padding-left-75-percent,.padding--x-75-percent {
    padding-left: 75%
}

.padding-left-80,.padding--x-80 {
    padding-left: 80px
}

.padding-left-80-percent,.padding--x-80-percent {
    padding-left: 80%
}

.padding-left-85,.padding--x-85 {
    padding-left: 85px
}

.padding-left-85-percent,.padding--x-85-percent {
    padding-left: 85%
}

.padding-left-90,.padding--x-90 {
    padding-left: 90px
}

.padding-left-90-percent,.padding--x-90-percent {
    padding-left: 90%
}

.padding-left-95,.padding--x-95 {
    padding-left: 95px
}

.padding-left-95-percent,.padding--x-95-percent {
    padding-left: 95%
}

.padding-top-5,.padding--y-5 {
    padding-top: 5px
}

.padding-top-5-percent,.padding--y-5-percent {
    padding-top: 5%
}

.padding-top-10,.padding--y-10 {
    padding-top: 10px
}

.padding-top-10-percent,.padding--y-10-percent {
    padding-top: 10%
}

.padding-top-15,.padding--y-15 {
    padding-top: 15px
}

.padding-top-15-percent,.padding--y-15-percent {
    padding-top: 15%
}

.padding-top-20,.padding--y-20 {
    padding-top: 20px
}

.padding-top-20-percent,.padding--y-20-percent {
    padding-top: 20%
}

.padding-top-25,.padding--y-25 {
    padding-top: 25px
}

.padding-top-25-percent,.padding--y-25-percent {
    padding-top: 25%
}

.padding-top-30,.padding--y-30 {
    padding-top: 30px
}

.padding-top-30-percent,.padding--y-30-percent {
    padding-top: 30%
}

.padding-top-35,.padding--y-35 {
    padding-top: 35px
}

.padding-top-35-percent,.padding--y-35-percent {
    padding-top: 35%
}

.padding-top-40,.padding--y-40 {
    padding-top: 40px
}

.padding-top-40-percent,.padding--y-40-percent {
    padding-top: 40%
}

.padding-top-45,.padding--y-45 {
    padding-top: 45px
}

.padding-top-45-percent,.padding--y-45-percent {
    padding-top: 45%
}

.padding-top-50,.padding--y-50 {
    padding-top: 50px
}

.padding-top-50-percent,.padding--y-50-percent {
    padding-top: 50%
}

.padding-top-55,.padding--y-55 {
    padding-top: 55px
}

.padding-top-55-percent,.padding--y-55-percent {
    padding-top: 55%
}

.padding-top-60,.padding--y-60 {
    padding-top: 60px
}

.padding-top-60-percent,.padding--y-60-percent {
    padding-top: 60%
}

.padding-top-65,.padding--y-65 {
    padding-top: 65px
}

.padding-top-65-percent,.padding--y-65-percent {
    padding-top: 65%
}

.padding-top-70,.padding--y-70 {
    padding-top: 70px
}

.padding-top-70-percent,.padding--y-70-percent {
    padding-top: 70%
}

.padding-top-75,.padding--y-75 {
    padding-top: 75px
}

.padding-top-75-percent,.padding--y-75-percent {
    padding-top: 75%
}

.padding-top-80,.padding--y-80 {
    padding-top: 80px
}

.padding-top-80-percent,.padding--y-80-percent {
    padding-top: 80%
}

.padding-top-85,.padding--y-85 {
    padding-top: 85px
}

.padding-top-85-percent,.padding--y-85-percent {
    padding-top: 85%
}

.padding-top-90,.padding--y-90 {
    padding-top: 90px
}

.padding-top-90-percent,.padding--y-90-percent {
    padding-top: 90%
}

.padding-top-95,.padding--y-95 {
    padding-top: 95px
}

.padding-top-95-percent,.padding--y-95-percent {
    padding-top: 95%
}

.padding--bottom-5,.padding--y-5 {
    padding-bottom: 5px
}

.padding--bottom-5-percent,.padding--y-5-percent {
    padding-bottom: 5%
}

.padding--bottom-10,.padding--y-10 {
    padding-bottom: 10px
}

.padding--bottom-10-percent,.padding--y-10-percent {
    padding-bottom: 10%
}

.padding--bottom-15,.padding--y-15 {
    padding-bottom: 15px
}

.padding--bottom-15-percent,.padding--y-15-percent {
    padding-bottom: 15%
}

.padding--bottom-20,.padding--y-20 {
    padding-bottom: 20px
}

.padding--bottom-20-percent,.padding--y-20-percent {
    padding-bottom: 20%
}

.padding--bottom-25,.padding--y-25 {
    padding-bottom: 25px
}

.padding--bottom-25-percent,.padding--y-25-percent {
    padding-bottom: 25%
}

.padding--bottom-30,.padding--y-30 {
    padding-bottom: 30px
}

.padding--bottom-30-percent,.padding--y-30-percent {
    padding-bottom: 30%
}

.padding--bottom-35,.padding--y-35 {
    padding-bottom: 35px
}

.padding--bottom-35-percent,.padding--y-35-percent {
    padding-bottom: 35%
}

.padding--bottom-40,.padding--y-40 {
    padding-bottom: 40px
}

.padding--bottom-40-percent,.padding--y-40-percent {
    padding-bottom: 40%
}

.padding--bottom-45,.padding--y-45 {
    padding-bottom: 45px
}

.padding--bottom-45-percent,.padding--y-45-percent {
    padding-bottom: 45%
}

.padding--bottom-50,.padding--y-50 {
    padding-bottom: 50px
}

.padding--bottom-50-percent,.padding--y-50-percent {
    padding-bottom: 50%
}

.padding--bottom-55,.padding--y-55 {
    padding-bottom: 55px
}

.padding--bottom-55-percent,.padding--y-55-percent {
    padding-bottom: 55%
}

.padding--bottom-60,.padding--y-60 {
    padding-bottom: 60px
}

.padding--bottom-60-percent,.padding--y-60-percent {
    padding-bottom: 60%
}

.padding--bottom-65,.padding--y-65 {
    padding-bottom: 65px
}

.padding--bottom-65-percent,.padding--y-65-percent {
    padding-bottom: 65%
}

.padding--bottom-70,.padding--y-70 {
    padding-bottom: 70px
}

.padding--bottom-70-percent,.padding--y-70-percent {
    padding-bottom: 70%
}

.padding--bottom-75,.padding--y-75 {
    padding-bottom: 75px
}

.padding--bottom-75-percent,.padding--y-75-percent {
    padding-bottom: 75%
}

.padding--bottom-80,.padding--y-80 {
    padding-bottom: 80px
}

.padding--bottom-80-percent,.padding--y-80-percent {
    padding-bottom: 80%
}

.padding--bottom-85,.padding--y-85 {
    padding-bottom: 85px
}

.padding--bottom-85-percent,.padding--y-85-percent {
    padding-bottom: 85%
}

.padding--bottom-90,.padding--y-90 {
    padding-bottom: 90px
}

.padding--bottom-90-percent,.padding--y-90-percent {
    padding-bottom: 90%
}

.padding--bottom-95,.padding--y-95 {
    padding-bottom: 95px
}

.padding--bottom-95-percent,.padding--y-95-percent {
    padding-bottom: 95%
}

.nav {
    position: sticky;
    top: 0;
    grid-column: 1/-1;
    background-color: rgba(var(--header-navigation-bg), 1);
    border-bottom: 1px solid rgba(var(--header-navigation-text), 0.15);
    z-index: 99;
    box-shadow: rgba(149,157,165,.2) 0px 8px 24px
}

.nav__mobile {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2xs) 0
}

@media(min-width: 1200px) {
    .nav__mobile {
        display:none
    }
}

.nav__mobile a img {
    max-height: 50px
}

.nav__mobile a img.avatar {
    border-radius: 6px
}

.nav__mobile a img.avatar-circle {
    border-radius: 50%
}

.nav__mobile button#btn-mobile {
    appearance: none;
    cursor: pointer;
    border: 0;
    background-color: rgba(var(--body-text), 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    padding: var(--space-2xs);
    border-radius: 6px
}

.nav__mobile button#btn-mobile svg {
    width: 22px;
    height: 22px
}

.nav__inner {
    max-width: 1280px;
    margin-inline:auto;display: grid;
    grid-template-columns: min(100%,300px) minmax(0, 1fr) min(100%,300px);
    align-items: center;
    gap: var(--space-l)
}

@media(max-width: 1300px) {
    .nav__inner {
        grid-template-columns:minmax(0, 1fr) 20rem;
        padding: 0 var(--space-xs)
    }

    .nav__inner>div:not([class]) {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .nav__inner {
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
        padding: 0 var(--space-xs)
    }

    .nav__inner>div:not([class]) {
        display: none
    }
}

.nav__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-m);
    list-style: none;
    padding: 0;
    margin: calc(1*var(--space-2xs)) 0
}

@media(max-width: 1199.98px) {
    .nav__links {
        opacity:0;
        visibility: hidden;
        transition: .4s;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        margin: 0;
        padding: var(--space-m);
        flex-direction: column;
        background-color: rgba(var(--bg-card), 0.99);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid rgba(var(--header-navigation-text), 0.15);
        box-shadow: rgba(149,157,165,.2) 0px 8px 24px
    }

    .nav__links.is-shown {
        opacity: 1;
        visibility: visible
    }
}

.nav__links li {
    font-size: calc(.95*var(--step--1))
}

@media(max-width: 1199.98px) {
    .nav__links li.nav__logo {
        display:none
    }
}

.nav__links li:not(.nav__logo) a {
    color: rgba(var(--header-navigation-text), 1);
    text-decoration: none;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: 999px;
    transition: .4s
}

.nav__links li:not(.nav__logo) a:hover {
    background-color: rgba(var(--header-navigation-text), 0.1);
    color: rgba(var(--header-navigation-text), 1)
}

.nav__links li:not(.nav__logo).active a {
    background-color: rgba(var(--header-navigation-text), 0.1);
    color: rgba(var(--header-navigation-text), 1);
    font-weight: bold
}

.nav__search {
    position: relative;
    z-index: 9999
}

@media(max-width: 1199.98px) {
    .nav__search {
        display:none
    }
}

.nav__search__form {
    background-color: rgba(var(--bg-card), 1);
    border-radius: 6px
}

.nav__search__form button#tags {
    margin: 0 .75ch 0 0;
    cursor: pointer;
    border: 0;
    background: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 6px;
    background-color: rgb(152 172 206);
    color: rgba(var(--btn-text-primary), 1);
    transition: .25s
}

.nav__search__form button#tags.is-actived {
    opacity: .5
}

.nav__search__form-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(var(--body-text), 0.2);
    box-shadow: rgba(149,157,165,.2) 0px 8px 8px;
    padding: 0 var(--space-2xs);
    padding-right: 0
}

.nav__search__form-box svg {
    width: 22px;
    height: 22px;
    opacity: 1;
    stroke: rgb(255 255 255);
}

.nav__search__form-box:focus-within {
    outline: 1px solid rgba(var(--body-text), 0.3)
}

.nav__search__form input {
    width: 100%;
    padding: var(--space-2xs) var(--space-2xs) var(--space-2xs) 0;
    background: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 0.5);
    border: 0
}

.nav__search__form input::placeholder {
    color: inherit
}

.nav__search__form input:focus-within {
    outline: 0
}

.nav__search__suggestions {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .1s;
    z-index: 99999;
    top: calc(100% + var(--space-2xs));
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border-radius: 8px;
    border: 1px solid rgba(var(--border-color), 1)
}

.nav__search__suggestions.is-shown {
    opacity: 1;
    visibility: visible
}

.nav__search__suggestions ul.featured-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--space-xs) var(--space-xs);
    margin: 0;
    gap: 8px 6px;
    list-style: none
}

.nav__search__suggestions ul.featured-tags li a {
    display: inline-block;
    background-color: rgba(var(--heading-text), 0.2);
    font-size: .9rem;
    color: rgba(var(--body-link), 1);
    font-weight: bold;
    padding: .45em 1em;
    border-radius: 6px;
    text-decoration: none;
    transition: .5s
}

.nav__search__suggestions ul.featured-tags li a::before {
    content: "#"
}

.nav__search__suggestions ul.featured-tags li a:hover {
    background-color: rgba(var(--btn-primary), 1);
    color: rgba(var(--btn-text-primary), 1)
}

.nav__search__suggestions-title {
    padding: var(--space-xs) var(--space-xs);
    border-bottom: 1px solid rgba(var(--border-color), 1);
    text-align: center
}

.nav__search__suggestions-title h2 {
    font-family: var(--heading-font)
}

.nav__search__suggestions-title.left-aligned {
    text-align: left
}

.nav__logo img {
    max-height: 60px
}

.nav__logo img.avatar {
    border-radius: 6px
}

.nav__logo img.avatar-circle {
    border-radius: 50%
}

.pagination {
    grid-column: 1/-1;
    width: 100%;
    margin-inline:auto;margin-top: var(--space-2xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(var(--body-text), 1)
}

.pagination__position {
    padding: var(--space-2xs) var(--space-xs);
    background-color: rgb(var(--bg-card));
    color: rgb(var(--body-text));
    border: 1px solid rgb(var(--body-text), 0.2);
    border-radius: 8px;
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px
}

.pagination__items {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    list-style: none;
    margin: 0;
    padding: 0
}

.pagination__item--prev>a:not(.pagination__item--link),.pagination__item--next>a:not(.pagination__item--link) {
    cursor: not-allowed
}

.pagination__item--prev>a:not(.pagination__item--link) span,.pagination__item--prev>a:not(.pagination__item--link) svg,.pagination__item--next>a:not(.pagination__item--link) span,.pagination__item--next>a:not(.pagination__item--link) svg {
    opacity: .5
}

.pagination__item>a:not(.pagination__item--link) {
    cursor: not-allowed
}

.pagination__item>a:not(.pagination__item--link) span,.pagination__item>a:not(.pagination__item--link) svg {
    opacity: .5
}

.pagination__item>a,.pagination__item span[rel] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    text-decoration: none;
    padding: var(--space-2xs) var(--space-s);
    background-color: rgb(var(--bg-card));
    color: rgb(var(--body-text));
    border: 1px solid rgb(var(--body-text), 0.2);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border-radius: 8px;
    overflow: hidden;
    transition: .4s
}

.pagination__item>a:hover,.pagination__item span[rel]:hover {
    transform: translateY(-4px)
}

.pagination__item>a svg,.pagination__item span[rel] svg {
    width: 18px;
    height: 18px
}

.pagination__item--current a {
    background-color: rgb(var(--body-text));
    color: rgb(var(--bg-card))
}

@media(max-width: 1199.98px) {
    .pagination__item:where(:not(:first-child,:last-child)) {
        display:none
    }
}

.pagination__item:where(:not(:first-child,:last-child)) a {
    padding-inline:calc(1.125*var(--space-xs))}

.footer {
    width: 100%;
    grid-column: 1/-1;
    margin-top: var(--space-3xl);
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.02) 0px -4px 19px;
    padding: var(--space-s) var(--space-s)
}

.footer a {
    color: rgb(var(--body-link));
    font-weight: bold
}

.footer__inner {
    max-width: 1280px;
    margin-inline:auto;display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media(max-width: 1199.98px) {
    .footer__inner {
        justify-content:center;
        text-align: center;
        gap: var(--space-2xs)
    }
}

.posts {
    position: relative;
    width: 100%;
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border: 1px solid rgba(var(--border-color), 1);
    margin-bottom: var(--space-l);
    border-radius: 8px;
    overflow: hidden
}

.posts.pinned {
    border: 4px solid rgba(var(--accent), 1);
    box-shadow: 0 1px 3px 6px rgba(var(--accent), 0.2)
}

.posts .pinned-posts {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(var(--heading-text), 1);
    font-weight: bold;
    font-size: calc(.7*var(--step--1));
    margin-left: var(--space-2xs);
    margin-top: -2px
}

.posts .pinned-posts svg {
    width: 15px;
    height: 15px;
    margin-right: var(--space-3xs)
}

.posts .posts-trail-item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.posts .posts-trail-legacy {
    margin-top: 0
}

.posts .posts-trail-legacy:empty {
    display: none
}

.posts .posts-trail-legacy>.npf_quote,.posts .posts-trail-legacy>.npf-link-block {
    margin: var(--space-xs)
}

.posts .posts-trail-legacy>.npf_quote+p {
    margin: var(--space-xs)
}

.posts .posts-trail-legacy>.tmblr-full img {
    width: 100%
}

.posts .posts-trail-legacy>.embed_iframe,.posts .posts-trail-legacy>#youtube_iframe {
    width: 100%
}

.posts .posts-trail-legacy>h1 {
    font-family: var(--heading-font);
    padding: var(--space-xs) var(--space-xs);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.posts .posts-trail-body.is-truncated {
    position: relative;
    max-height: 400px;
    overflow: hidden;
    transition: .5s
}

.posts .posts-trail-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 .posts-trail-body-toggle {
    position: absolute;
    bottom: calc(-1*var(--space-xs));
    left: 0;
    z-index: 3;
    transition: .5s;
    width: 100%;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, rgba(var(--bg-card), 0.5) 0, RGB(var(--bg-card)) 99%);
    box-shadow: 0 -2px 20px rgba(0,0,0,.1);
    color: rgba(var(--body-link), 1);
    backdrop-filter: blur(8px);
    border-radius: 0;
    padding: var(--space-xs) !important;
    text-decoration: none;
    transition: .3s
}

.posts .posts-trail-body-toggle:hover {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important
}

.posts .posts-trail-body pre {
    font-family: Source Code Pro,monospace
}

.posts .posts-trail-body p.npf_quote {
    font-family: Calluna,Georgia,"Times New Roman","Liberation Serif",serif !important;
    border-left: 4px solid rgba(var(--heading-text), 0.2);
    padding: 0 var(--space-xs);
    margin-left: var(--space-xs) !important
}

.posts .posts-trail-body figure.tmblr-full:has(.attribution-block) .tmblr-alt-text-helper,.posts .posts-trail-body figure.tmblr-full:has(.tmblr-attribution) .tmblr-alt-text-helper {
    bottom: 56px
}

.posts .posts-trail-body .poll-post {
    margin: 1rem 0
}

.posts .posts-trail-body .poll-post .poll-question {
    text-align: center;
    margin-top: 0;
    font-size: var(--step-1);
    line-height: 1.25
}

.posts .posts-trail-body .poll-post a.poll-row {
    background: rgba(0,0,0,0);
    border: 2px solid rgba(var(--accent), 1);
    color: rgba(var(--accent), 1);
    transition: .14s
}

.posts .posts-trail-body .poll-post a.poll-row:hover {
    background: rgba(var(--accent), 1);
    color: rgba(var(--bg-card), 1)
}

.posts .posts-trail-body .poll-post .poll-post-date {
    margin-top: 1.5rem;
    text-align: center;
    font-size: .8rem
}

.posts .posts-trail-body .poll-post .poll-post-date>span {
    display: block
}

.posts .posts-trail-body .poll-post .poll-post-date>span.poll-post-finished {
    margin-top: var(--space-2xs);
    font-size: var(--step--2)
}

.posts .posts-trail-body .poll-post.poll-posts-finished>*:not(.poll-post-date):not(.poll-see-results) {
    opacity: .65;
    filter: grayscale(1);
    pointer-events: none
}

.posts .posts-trail-body .poll-post.poll-posts-finished .poll-see-results {
    font-weight: bold;
    color: rgba(var(--body-link), 1)
}

.posts .posts-trail-body .poll-post.poll-posts-finished>.poll-row p {
    text-decoration-line: line-through;
    width: 100%;
    display: flex;
    justify-content: center
}

.posts .posts-trail-body .read_more {
    display: inline-flex;
    justify-content: center;
    width: calc(100% + var(--space-xs)*2);
    margin-top: var(--space-2xs);
    color: currentColor;
    text-decoration: none;
    font-weight: bold;
    background: linear-gradient(to bottom, rgba(var(--bg-card), 0.5) 0, RGB(var(--bg-card)) 99%);
    box-shadow: 0 -18px 20px rgba(0,0,0,.1);
    color: rgba(var(--body-link), 1);
    backdrop-filter: blur(8px);
    border-radius: 0;
    padding: var(--space-xs) !important;
    text-decoration: none;
    transition: .3s
}

.posts .posts-trail-body .read_more:hover {
    padding-top: var(--space-s) !important;
    padding-bottom: var(--space-s) !important
}

.posts .posts-trail-body .posts-trail-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(.5*var(--space-3xs))
}

.posts .posts-trail-body .posts-trail-badges.posts-trail-badges-huge>* {
    margin-inline:calc(-0.85*var(--space-3xs))}

.posts .posts-trail-body .posts-trail-badges.posts-trail-badges-huge>: not(:nth-child(-n+12)) {
    display:none
}

.posts .posts-trail-body .posts-trail-pinned {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(var(--pinned-label-text), 1);
    font-weight: bold;
    font-size: calc(.8*var(--step--1));
    margin-top: 1rem
}

.posts .posts-trail-body .posts-trail-pinned svg {
    width: 15px;
    height: 15px;
    margin-right: var(--space-3xs)
}

.posts .posts-trail-body .posts-photoset-legacy {
    position: relative
}

.posts .posts-trail-body .photoset-grid {
    position: relative;
    gap: var(--space-3xs)
}

.posts .posts-trail-body .photoset-grid>div {
    cursor: pointer
}

.posts .posts-trail-body .npf-photoset {
    position: relative
}

.posts .posts-trail-body .npf-photoset-count {
    position: absolute;
    top: 0;
    left: 0;
    margin: var(--space-2xs);
    background: rgba(var(--body-text));
    color: rgba(var(--bg-card));
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    padding: var(--space-3xs) var(--space-2xs);
    z-index: 1
}

.posts .posts-trail-body :is(npf_row .npf_col figure p.tmblr-attribution,.tmblr-full .link-url,.tmblr-full .post_media_photo_anchor+p.tmblr-attribution,.attribution-block a),.posts .posts-trail-body .tmblr-attribution {
    position: relative;
    width: 100%;
    padding: var(--space-2xs) var(--space-xs);
    background: #ddd;
    color: #777;
    font-size: calc(.85*var(--step--2));
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none
}

.posts .posts-trail-body :is(npf_row .npf_col figure p.tmblr-attribution,.tmblr-full .link-url,.tmblr-full .post_media_photo_anchor+p.tmblr-attribution,.attribution-block a) a,.posts .posts-trail-body .tmblr-attribution a {
    font-weight: bold;
    color: #777;
    word-break: break-word
}

.posts .posts-trail-body :is(npf_row .npf_col figure p.tmblr-attribution,.tmblr-full .link-url,.tmblr-full .post_media_photo_anchor+p.tmblr-attribution,.attribution-block a) svg,.posts .posts-trail-body .tmblr-attribution svg {
    width: 14px;
    height: 14px
}

.posts .posts-trail-body h1 {
    font-family: var(--heading-font);
    font-size: var(--step-1);
    line-height: 1.35
}

.posts .posts-trail-body h2 {
    font-family: var(--heading-font);
    font-size: var(--step-0);
    line-height: 1.75
}

.posts .posts-trail-blog {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    margin-bottom: var(--space-2xs);
    padding: var(--space-xs) var(--space-xs) 0 var(--space-xs);
    text-decoration: none;
    color: rgb(var(--heading-text))
}

.posts .posts-trail-blog .avatar {
    width: 30px;
    height: 30px;
    border-radius: 4px
}

.posts .posts-trail-content p:empty {
    display: none
}

.posts .posts-trail-content>*:not(.npf_row):not([class*=tmblr]) {
    margin: var(--space-xs) 0;
    padding: 0 var(--space-xs)
}

.posts .posts-trail-content>div.npf-link-block {
    margin: var(--space-xs) !important;
    padding: 0 !important
}

.posts .posts-trail-content a:not([class]) {
    color: rgba(var(--body-link), 1);
    font-weight: bold
}

.posts .posts-trail-content ul {
    margin: 0 var(--space-xs) !important
}

.posts .posts-trail-content ol {
    margin: 0 var(--space-m) !important
}

.posts .posts-trail-original>*:not(.npf_row):not([class*=tmblr]) {
    margin: var(--space-xs) 0;
    padding: 0 var(--space-xs)
}

.posts .ask-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: var(--space-xs);
    align-items: flex-start;
    padding: var(--space-xs)
}

.posts .ask-item .avatar {
    width: 34px;
    height: 34px;
    aspect-ratio: 1/1;
    border-radius: 4px
}

.posts .ask-item-trail {
    background: rgba(var(--body-text), 0.1);
    border-radius: 6px
}

.posts .ask-item-trail span.user {
    display: flex;
    align-items: center;
    gap: var(--space-3xs);
    margin: var(--space-xs) 0;
    padding: 0 var(--space-xs);
    font-weight: bold
}

@media(max-width: 1199.98px) {
    .posts .ask-item-trail {
        margin:0
    }
}

.posts .ask-item-trail a {
    color: rgba(var(--body-link), 1)
}

.posts .ask-item-trail blockquote>:is(ol,ul) {
    margin-left: var(--space-s) !important
}

.posts .ask-item-trail blockquote img,.posts .ask-item-trail blockquote iframe {
    width: 100%;
    margin: var(--space-xs) 0
}

.posts .ask-item-trail blockquote>*:not(.npf_row) {
    margin: var(--space-xs) 0;
    padding: 0 var(--space-xs)
}

.posts__action {
    margin-bottom: var(--space-s)
}

.posts__action .tag {
    border-bottom: 2px dotted currentColor
}

.posts__action .tag::before {
    content: "#"
}

.posts__dated {
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--space-2xs) var(--space-xs);
    margin: 0;
    font-size: calc(.79*var(--step--1));
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.posts__dated a {
    text-decoration: none
}

.posts__dated .avatar {
    width: 34px;
    height: 34px;
    margin-right: var(--space-2xs);
    border-radius: 5px
}

.posts__dated__info a,.posts__dated__action a,.posts__dated__action svg {
    color: rgb(var(--heading-text))
}

.posts__dated__buttons {
    margin-left: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--space-xs);
    display: flex;
    align-items: center
}

.posts__dated__buttons>li {
    position: relative
}

.posts__dated__buttons>li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: .5s;
    color: rgba(var(--body-link), 1)
}

.posts__dated__buttons>li a:hover {
    opacity: .75
}

.posts__dated__buttons>li a svg {
    width: 21px;
    height: 21px
}

.posts__dated__buttons>li a.like svg {
    fill: currentColor
}

.posts__dated__buttons>li a.like {
    position: relative
}

.posts__dated__buttons>li a.like .like_button {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.posts__dated__buttons>li a.like .like_button.liked+svg {
    fill: #d75f45
}

.posts__dated__reblog {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: 100%
}

@media(max-width: 991.98px) {
    .posts__dated__reblog {
        display:none
    }
}

.posts__dated__reblog span.username-text,.posts__dated__reblog a.username-text {
    color: rgb(var(--body-text))
}

.posts__dated__reblog span.username-text~.username-text,.posts__dated__reblog a.username-text~.username-text {
    opacity: .65;
    color: rgb(var(--body-text))
}

.posts__dated__reblog span.reblog-icon,.posts__dated__reblog a.reblog-icon {
    margin-top: 3px
}

.posts__dated__reblog span.reblog-icon svg,.posts__dated__reblog a.reblog-icon svg {
    width: 14px;
    height: 14px
}

.posts__dated__info {
    opacity: .65;
    display: flex;
    margin-top: -2px;
    font-size: calc(.7*var(--step--1))
}

.posts__dated__perma {
    display: inline-flex;
    flex-direction: column;
    gap: 0
}

.posts__dated__toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: var(--space-xs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    appearance: none;
    border: 0;
    background: rgba(0,0,0,0);
    cursor: pointer;
    border-radius: 50%;
    opacity: .65
}

.posts__dated__toggle:hover {
    opacity: 1;
    background: rgba(var(--body-text), 0.09)
}

.posts__dated__toggle svg {
    width: 18px;
    height: 18px
}

.posts__dated__popover {
    display: none
}

.posts__audio-npf {
    display: grid;
    grid-template-columns: 1fr 100px;
    overflow: hidden;
    color: #111
}

.posts__audio-npf .album-placeholder {
    background: #e8e8e8;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center
}

.posts__audio-npf__details {
    display: grid;
    grid-template-columns: 60px 1fr;
    min-height: 90px;
    align-items: center;
    gap: 0;
    position: relative;
    background: #e8e8e8;
    padding: 0 var(--space-2xs)
}

.posts__audio-npf__button {
    position: relative;
    aspect-ratio: 1/1;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0);
    margin: 0;
    padding: 0;
    z-index: 1
}

.posts__audio-npf__progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    cursor: pointer
}

.posts__audio-npf__progress-bar-fill {
    width: 0;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    transition: .3s
}

.posts__audio-npf__artist,.posts__audio-npf__album {
    font-size: calc(.95*var(--step--3))
}

.posts__perma {
    background-color: rgba(var(--bg-card), 1);
    color: rgba(var(--body-text), 1);
    box-shadow: rgba(0,0,0,.1) 0px 2px 3px;
    border: 1px solid rgba(var(--border-color), 1);
    margin-bottom: var(--space-l);
    padding: var(--space-xs);
    border-radius: 8px;
    overflow: hidden
}

.posts__perma__info {
    padding-bottom: 1rem
}

.posts__perma__info h3 {
    font-size: 1.35rem;
    font-family: var(--body-font);
    text-align: center;
    margin: var(--space-3xs) 0 var(--space-s) 0;
    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: 1199.98px) {
    .posts__perma__data-blog {
        margin-top:0
    }

    .posts__perma__data-blog+* {
        margin-left: 2.75rem
    }
}

.posts__perma__data-blog img {
    width: 36px;
    height: 36xpx;
    border-radius: 4px;
    margin-right: 1rem
}

.posts__perma__data-blog span a {
    display: block;
    color: rgba(var(--body-link), 1);
    font-weight: bold
}

.posts .post_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xs);
    font-size: calc(.9*var(--step--1));
    padding: var(--space-xs) !important;
    margin: 0 !important
}

.posts .post_meta ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

.posts .post_meta ul li a {
    color: rgb(var(--heading-text))
}

.posts .post_meta a.post-action {
    border: 2px solid rgba(var(--accent), 1);
    background: rgba(var(--accent), 0.25);
    color: rgba(var(--accent), 1);
    border-radius: 36px;
    width: max-content;
    padding: var(--space-3xs) var(--space-xs);
    font-weight: 700;
    backdrop-filter: blur(10px);
    text-decoration: none
}

.posts .post_meta .notes a {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(var(--heading-text), 0.2);
    background: rgba(var(--heading-text), 0.05);
    color: rgba(var(--heading-text), 1);
    border-radius: 36px;
    width: max-content;
    padding: var(--space-3xs) var(--space-xs);
    font-weight: 700;
    backdrop-filter: blur(10px);
    text-decoration: none
}

.posts ul#tags {
    display: flex;
    gap: var(--space-3xs);
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0 !important;
    padding: 0 var(--space-xs) !important
}

.posts ul#tags a {
    text-decoration: none;
    color: rgba(var(--heading-text), 1);
    opacity: .5;
    font-size: calc(.8*var(--step--1))
}

.posts ul#tags a:hover {
    opacity: 1
}

.posts ul#tags a::before {
    content: "#"
}

.posts .tmblr-npf-audio audio {
    display: none
}

.posts .tmblr-full.tmblr-embed {
    position: relative
}

.posts .tmblr-full.tmblr-embed iframe {
    width: 100% !important
}

.posts .tmblr-full[tabindex] {
    cursor: zoom-in
}

.posts .tmblr-full audio,.posts .tmblr-full img {
    width: 100%
}

.posts .tmblr-full img[tabindex] {
    cursor: zoom-in
}

.posts .read_more,.posts .read-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-decoration: none;
    padding: .875rem 1rem;
    width: calc(100% + 2rem);
    color: rgba(var(--body-link), 1);
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    margin: 3rem -1rem -2rem -1rem;
    box-shadow: rgba(var(--body-link), 0.2) 0px -18px 50px -10px
}

.posts .is-toggle {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 3;
    transition: .5s;
    width: 100%;
    justify-content: center;
    background: linear-gradient(to bottom, rgba(var(--bg-card), 0.5) 0, RGB(var(--bg-card)) 99%);
    box-shadow: 0 -2px 20px rgba(0,0,0,.1);
    color: rgba(var(--body-link), 1);
    backdrop-filter: blur(8px);
    border-radius: 0;
    padding: 10px 25px 13px 25px
}

@media(max-width: 991.98px) {
    .posts .is-toggle {
        display:none
    }
}

.posts ol.notes {
    list-style: none;
    padding: 0;
    margin: 0
}

.posts ol.notes li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(var(--border-color), 1)
}

.posts ol.notes li a {
    color: rgba(var(--body-link), 1)
}

.posts ol.notes li:first-child {
    padding-top: 0
}

.posts ol.notes li blockquote {
    display: block;
    margin: 1rem 0 0 0;
    padding: 1rem;
    background-color: rgba(var(--btn-primary), 0.1)
}

.posts ol.notes li .avatar_frame img {
    min-width: 32px;
    max-height: 32px;
    border-radius: 5px
}

.posts ol.notes li::after {
    content: "";
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto
}

.posts ol.notes li .clear {
    display: none
}

.posts ol.notes li.reply {
    align-items: flex-start
}

.posts ol.notes li.reply .answer_content {
    display: block;
    margin: 1rem 0 0 0;
    padding: 1rem;
    background-color: rgba(var(--btn-primary), 0.1);
    border-radius: 6px
}

.posts ol.notes li.reply::after {
    display: none
}

.posts ol.notes li.reblog::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(86, 188, 138)' viewBox='0 0 17 18.1'%3E%3Cpath d='M12.8.2c-.4-.4-.8-.2-.8.4v2H2c-2 0-2 2-2 2v5s0 1 1 1 1-1 1-1v-4c0-1 .5-1 1-1h9v2c0 .6.3.7.8.4L17 3.6 12.8.2zM4.2 17.9c.5.4.8.2.8-.3v-2h10c2 0 2-2 2-2v-5s0-1-1-1-1 1-1 1v4c0 1-.5 1-1 1H5v-2c0-.6-.3-.7-.8-.4L0 14.6l4.2 3.3z'%3E%3C/path%3E%3C/svg%3E")
}

.posts ol.notes li.like::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(217, 94, 64)' viewBox='0 0 20 18'%3E%3Cpath d='M14.658 0c-1.625 0-3.21.767-4.463 2.156-.06.064-.127.138-.197.225-.074-.085-.137-.159-.196-.225C8.547.766 6.966 0 5.35 0 4.215 0 3.114.387 2.162 1.117c-2.773 2.13-2.611 5.89-1.017 8.5 2.158 3.535 6.556 7.18 7.416 7.875A2.3 2.3 0 0 0 9.998 18c.519 0 1.028-.18 1.436-.508.859-.695 5.257-4.34 7.416-7.875 1.595-2.616 1.765-6.376-1-8.5C16.895.387 15.792 0 14.657 0h.001zm0 2.124c.645 0 1.298.208 1.916.683 1.903 1.461 1.457 4.099.484 5.695-1.973 3.23-6.16 6.7-6.94 7.331a.191.191 0 0 1-.241 0c-.779-.631-4.966-4.101-6.94-7.332-.972-1.595-1.4-4.233.5-5.694.619-.475 1.27-.683 1.911-.683 1.064 0 2.095.574 2.898 1.461.495.549 1.658 2.082 1.753 2.203.095-.12 1.259-1.654 1.752-2.203.8-.887 1.842-1.461 2.908-1.461h-.001z'%3E%3C/path%3E%3C/svg%3E")
}

.posts ol.notes li.original_post::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='managed-icon__pin' fill='rgb(0, 184, 255)' viewBox='18 13 12 21'%3E%3Cpath fill-rule='evenodd' d='M26.252 27.266l-2.078 7.592c-.052.19-.296.19-.348 0l-2.078-7.592h4.504zM29.512 14c.268 0 .488.241.488.536v1.746a.554.554 0 01-.255.47l-1.698 1.193v4.009l1.787 1.257-.034.006c.128.107.2.264.199.43v1.744c0 .296-.22.537-.488.537H18.488c-.268 0-.488-.241-.488-.537v-1.743a.555.555 0 01.255-.47l1.698-1.195v-4.008l-1.787-1.258.034-.006a.554.554 0 01-.199-.43v-1.745c0-.295.22-.536.488-.536h11.023z'%3E%3C/path%3E%3C/svg%3E")
}

.posts ol.notes li.post_attribution::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='managed-icon__share-icon-proper' fill='%237c5cff' viewBox='0 0 24 24'%3E%3Cpath d='M12.6173 1.07612C12.991 0.921338 13.4211 1.00689 13.7071 1.29289L22.7071 10.2929C23.0832 10.669 23.0991 11.2736 22.7433 11.669L13.7433 21.669C13.4663 21.9767 13.0283 22.082 12.6417 21.9336C12.2552 21.7853 12 21.414 12 21V16H11.5C7.31775 16 3.92896 18.2486 2.95256 21.3044C2.80256 21.7738 2.33292 22.064 1.84598 21.9881C1.35904 21.9122 1 21.4928 1 21V18.5C1 12.3162 5.88069 7.27245 12 7.01067V2C12 1.59554 12.2436 1.2309 12.6173 1.07612ZM14 4.41421V8C14 8.55228 13.5523 9 13 9H12.5C7.64534 9 3.64117 12.6414 3.06988 17.3419C5.09636 15.2366 8.18218 14 11.5 14H13C13.5523 14 14 14.4477 14 15V18.394L20.622 11.0362L14 4.41421Z'%3E%3C/path%3E%3C/svg%3E")
}

.posts ol.notes li.more_notes_link_container {
    text-align: center;
    border: 0
}

.posts ol.notes li.more_notes_link_container::after {
    display: none
}

.posts ol.notes li.more_notes_link_container a.more_notes_link {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none
}

.tippy-box[data-theme=post-info] {
    box-shadow: 0 0 15px rgba(var(--heading-text), 0.4);
    background-color: rgb(var(--bg-card));
    color: rgb(var(--heading-text));
    border-radius: 4px
}

.tippy-box[data-theme=post-info] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=post-info] ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0 !important;
    margin: 0 !important
}

.tippy-box[data-theme=post-info] ul li a {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2xs) var(--space-s);
    text-align: center;
    font-size: calc(.85*var(--step--1));
    color: rgb(var(--heading-text));
    font-weight: bold;
    width: 100%;
    text-decoration: none
}

.tippy-box[data-theme=post-info] ul li a:hover {
    background: rgba(var(--heading-text), 0.1)
}

.tippy-box[data-theme=post-info] ul li a#btn-copy.is-success {
    background: rgba(75,181,67,.3)
}

.tippy-box[data-theme=post-share] {
    box-shadow: 0 0 15px rgba(var(--heading-text), 0.4);
    background-color: rgb(var(--bg-card));
    color: rgb(var(--heading-text));
    border-radius: 4px
}

.tippy-box[data-theme=post-share] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=post-share] ul {
    display: flex;
    flex-direction: row;
    gap: calc(.75*var(--space-l));
    list-style: none;
    padding: var(--space-s) var(--space-s) var(--space-l) var(--space-s);
    margin: 0 !important
}

.tippy-box[data-theme=post-share] ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(var(--heading-text), 0.1);
    color: rgb(var(--heading-text));
    text-decoration: none
}

.tippy-box[data-theme=post-share] ul li a:hover {
    opacity: .5
}

.tippy-box[data-theme=post-share] ul li a.share-item.facebook {
    background-color: #3b5998;
    color: #fff
}

.tippy-box[data-theme=post-share] ul li a.share-item.twitter {
    background-color: #1da1f2;
    color: #fff
}

.tippy-box[data-theme=post-share] ul li a i {
    font-size: var(--step-0)
}

.tippy-box[data-theme=post-share] ul li a span {
    position: absolute;
    bottom: calc(-0.7*var(--space-l));
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: rgb(var(--heading-text))
}

.tippy-box[data-theme=post-share] .tippy-arrow {
    color: rgb(var(--bg-card))
}

.npf_indented {
    border-left: 4px solid rgba(var(--heading-text), 0.2);
    padding: 0 var(--space-xs);
    margin-left: var(--space-xs) !important
}

.npf-link-block {
    color: rgba(var(--body-link), 1);
    text-decoration: none
}

.npf-link-block.no-poster .title {
    padding: 1rem
}

/*# sourceMappingURL=style.min.css.map */