.tweet-container_root__0rJLq {
    width: 100%;
    min-width: 250px;
    max-width: 550px;
    overflow: hidden;
    color: var(--tweet-font-color);
    font-family: var(--tweet-font-family);
    font-weight: 400;
    box-sizing: border-box;
    border: var(--tweet-border);
    border-radius: 12px;
    margin: var(--tweet-container-margin);
    background-color: var(--tweet-bg-color);
    transition-property: background-color, box-shadow;
    transition-duration: .2s
}

.tweet-container_root__0rJLq:hover {
    background-color: var(--tweet-bg-color-hover)
}

.tweet-container_article__0ERPK {
    position: relative;
    box-sizing: inherit;
    padding: .75rem 1rem
}

.react-tweet-theme {
    --tweet-container-margin: 1.5rem 0;
    --tweet-header-font-size: 0.9375rem;
    --tweet-header-line-height: 1.25rem;
    --tweet-body-font-size: 1.25rem;
    --tweet-body-font-weight: 400;
    --tweet-body-line-height: 1.5rem;
    --tweet-body-margin: 0;
    --tweet-quoted-container-margin: 0.75rem 0;
    --tweet-quoted-body-font-size: 0.938rem;
    --tweet-quoted-body-font-weight: 400;
    --tweet-quoted-body-line-height: 1.25rem;
    --tweet-quoted-body-margin: 0.25rem 0 0.75rem 0;
    --tweet-info-font-size: 0.9375rem;
    --tweet-info-line-height: 1.25rem;
    --tweet-actions-font-size: 0.875rem;
    --tweet-actions-line-height: 1rem;
    --tweet-actions-font-weight: 700;
    --tweet-actions-icon-size: 1.25em;
    --tweet-actions-icon-wrapper-size: calc(var(--tweet-actions-icon-size) + 0.75em);
    --tweet-replies-font-size: 0.875rem;
    --tweet-replies-line-height: 1rem;
    --tweet-replies-font-weight: 700
}

:where(.react-tweet-theme) * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:is([data-theme=light], .light) :where(.react-tweet-theme),
:where(.react-tweet-theme) {
    --tweet-skeleton-gradient: linear-gradient(270deg, #fafafa, #eaeaea, #eaeaea, #fafafa);
    --tweet-border: 1px solid #cfd9de;
    --tweet-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --tweet-font-color: #0f1419;
    --tweet-font-color-secondary: #536471;
    --tweet-bg-color: #fff;
    --tweet-bg-color-hover: #f7f9f9;
    --tweet-quoted-bg-color-hover: rgba(0, 0, 0, .03);
    --tweet-color-blue-primary: #1d9bf0;
    --tweet-color-blue-primary-hover: #1a8cd8;
    --tweet-color-blue-secondary: #006fd6;
    --tweet-color-blue-secondary-hover: rgba(0, 111, 214, .1);
    --tweet-color-red-primary: #f91880;
    --tweet-color-red-primary-hover: rgba(249, 24, 128, .1);
    --tweet-color-green-primary: #00ba7c;
    --tweet-color-green-primary-hover: rgba(0, 186, 124, .1);
    --tweet-twitter-icon-color: var(--tweet-font-color);
    --tweet-verified-old-color: #829aab;
    --tweet-verified-blue-color: var(--tweet-color-blue-primary)
}

:is([data-theme=dark], .dark) :where(.react-tweet-theme) {
    --tweet-skeleton-gradient: linear-gradient(270deg, #15202b, #1e2732, #1e2732, #15202b);
    --tweet-border: 1px solid #425364;
    --tweet-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --tweet-font-color: #f7f9f9;
    --tweet-font-color-secondary: #8b98a5;
    --tweet-bg-color: #15202b;
    --tweet-bg-color-hover: #1e2732;
    --tweet-quoted-bg-color-hover: hsla(0, 0%, 100%, .03);
    --tweet-color-blue-primary: #1d9bf0;
    --tweet-color-blue-primary-hover: #1a8cd8;
    --tweet-color-blue-secondary: #6bc9fb;
    --tweet-color-blue-secondary-hover: rgba(107, 201, 251, .1);
    --tweet-color-red-primary: #f91880;
    --tweet-color-red-primary-hover: rgba(249, 24, 128, .1);
    --tweet-color-green-primary: #00ba7c;
    --tweet-color-green-primary-hover: rgba(0, 186, 124, .1);
    --tweet-twitter-icon-color: var(--tweet-font-color);
    --tweet-verified-old-color: #829aab;
    --tweet-verified-blue-color: #fff
}

@media (prefers-color-scheme:dark) {
    :where(.react-tweet-theme) {
        --tweet-skeleton-gradient: linear-gradient(270deg, #15202b, #1e2732, #1e2732, #15202b);
        --tweet-border: 1px solid #425364;
        --tweet-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        --tweet-font-color: #f7f9f9;
        --tweet-font-color-secondary: #8b98a5;
        --tweet-bg-color: #15202b;
        --tweet-bg-color-hover: #1e2732;
        --tweet-color-blue-primary: #1d9bf0;
        --tweet-color-blue-primary-hover: #1a8cd8;
        --tweet-color-blue-secondary: #6bc9fb;
        --tweet-color-blue-secondary-hover: rgba(107, 201, 251, .1);
        --tweet-color-red-primary: #f91880;
        --tweet-color-red-primary-hover: rgba(249, 24, 128, .1);
        --tweet-color-green-primary: #00ba7c;
        --tweet-color-green-primary-hover: rgba(0, 186, 124, .1);
        --tweet-twitter-icon-color: var(--tweet-font-color);
        --tweet-verified-old-color: #829aab;
        --tweet-verified-blue-color: #fff
    }
}

.quoted-tweet-container_root__92393 {
    width: 100%;
    overflow: hidden;
    border: var(--tweet-border);
    border-radius: 12px;
    margin: var(--tweet-quoted-container-margin);
    transition-property: background-color, box-shadow;
    transition-duration: .2s;
    cursor: pointer
}

.quoted-tweet-container_root__92393:hover {
    background-color: var(--tweet-quoted-bg-color-hover)
}

.quoted-tweet-container_article__FoJQN {
    position: relative;
    box-sizing: inherit
}

.tweet-actions_actions__UDw7H {
    display: flex;
    align-items: center;
    color: var(--tweet-font-color-secondary);
    padding-top: .25rem;
    margin-top: .25rem;
    border-top: var(--tweet-border);
    overflow-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tweet-actions_copy__Tbdg_,
.tweet-actions_like__H1xYv,
.tweet-actions_reply__S4rFc {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    margin-right: 1.25rem
}

.tweet-actions_copy__Tbdg_:hover,
.tweet-actions_like__H1xYv:hover,
.tweet-actions_reply__S4rFc:hover {
    background-color: transparent
}

.tweet-actions_like__H1xYv:hover>.tweet-actions_likeIconWrapper__JQkhp {
    background-color: var(--tweet-color-red-primary-hover)
}

.tweet-actions_like__H1xYv:hover>.tweet-actions_likeCount__MyxBd {
    color: var(--tweet-color-red-primary);
    text-decoration-line: underline
}

.tweet-actions_copyIconWrapper__toM2y,
.tweet-actions_likeIconWrapper__JQkhp,
.tweet-actions_replyIconWrapper__NVdGa {
    width: var(--tweet-actions-icon-wrapper-size);
    height: var(--tweet-actions-icon-wrapper-size);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -.25rem;
    border-radius: 9999px
}

.tweet-actions_copyIcon__SEaWw,
.tweet-actions_likeIcon__fhDng,
.tweet-actions_replyIcon__MI2tG {
    height: var(--tweet-actions-icon-size);
    fill: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tweet-actions_likeIcon__fhDng {
    color: var(--tweet-color-red-primary)
}

.tweet-actions_copyText__fEqBx,
.tweet-actions_likeCount__MyxBd,
.tweet-actions_replyText__doQct {
    font-size: var(--tweet-actions-font-size);
    font-weight: var(--tweet-actions-font-weight);
    line-height: var(--tweet-actions-line-height);
    margin-left: .25rem
}

.tweet-actions_reply__S4rFc:hover>.tweet-actions_replyIconWrapper__NVdGa {
    background-color: var(--tweet-color-blue-secondary-hover)
}

.tweet-actions_reply__S4rFc:hover>.tweet-actions_replyText__doQct {
    color: var(--tweet-color-blue-secondary);
    text-decoration-line: underline
}

.tweet-actions_replyIcon__MI2tG {
    color: var(--tweet-color-blue-primary)
}

.tweet-actions_copy__Tbdg_ {
    font: inherit;
    background: none;
    border: none;
    cursor: pointer
}

.tweet-actions_copy__Tbdg_:hover>.tweet-actions_copyIconWrapper__toM2y {
    background-color: var(--tweet-color-green-primary-hover)
}

.tweet-actions_copy__Tbdg_:hover .tweet-actions_copyIcon__SEaWw {
    color: var(--tweet-color-green-primary)
}

.tweet-actions_copy__Tbdg_:hover>.tweet-actions_copyText__fEqBx {
    color: var(--tweet-color-green-primary);
    text-decoration-line: underline
}

.tweet-header_header__CXzdi {
    display: flex;
    padding-bottom: .75rem;
    line-height: var(--tweet-header-line-height);
    font-size: var(--tweet-header-font-size);
    white-space: nowrap;
    overflow-wrap: break-word;
    overflow: hidden
}

.tweet-header_avatar__0Wi9G {
    position: relative;
    height: 48px;
    width: 48px
}

.tweet-header_avatarOverflow__E2gxj {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: 9999px
}

.tweet-header_avatarSquare__uIUBO {
    border-radius: 4px
}

.tweet-header_avatarShadow__CB9Zo {
    height: 100%;
    width: 100%;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgb(0 0 0/3%)
}

.tweet-header_avatarShadow__CB9Zo:hover {
    background-color: rgba(26, 26, 26, .15)
}

.tweet-header_author___jWoR {
    max-width: calc(100% - 84px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 .5rem
}

.tweet-header_authorLink__qj5Sm {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center
}

.tweet-header_authorLink__qj5Sm:hover {
    text-decoration-line: underline
}

.tweet-header_authorVerified__OFYo2 {
    display: inline-flex
}

.tweet-header_authorLinkText__y6HdU {
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tweet-header_authorFollow__w_j4h,
.tweet-header_authorMeta__gIC3U {
    display: flex
}

.tweet-header_username__UebZb {
    color: var(--tweet-font-color-secondary);
    text-decoration: none;
    text-overflow: ellipsis
}

.tweet-header_follow__Fi7bf {
    color: var(--tweet-color-blue-secondary);
    text-decoration: none;
    font-weight: 700
}

.tweet-header_follow__Fi7bf:hover {
    text-decoration-line: underline
}

.tweet-header_separator__d4pqe {
    padding: 0 .25rem
}

.tweet-header_brand__0FLQl {
    margin-inline-start: auto
}

.tweet-header_twitterIcon__m0Rzu {
    width: 23.75px;
    height: 23.75px;
    color: var(--tweet-twitter-icon-color);
    fill: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tweet-in-reply-to_root__o784R {
    text-decoration: none;
    color: var(--tweet-font-color-secondary);
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.tweet-in-reply-to_root__o784R:hover {
    text-decoration-thickness: 1px;
    text-decoration-line: underline
}

.tweet-link_root__4EzRS {
    font-weight: inherit;
    color: var(--tweet-color-blue-secondary);
    text-decoration: none;
    cursor: pointer
}

.tweet-link_root__4EzRS:hover {
    text-decoration-thickness: 1px;
    text-decoration-line: underline
}

.tweet-body_root__ChzUj {
    font-size: var(--tweet-body-font-size);
    font-weight: var(--tweet-body-font-weight);
    line-height: var(--tweet-body-line-height);
    margin: var(--tweet-body-margin);
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.tweet-info-created-at_root__KaxZi {
    color: inherit;
    text-decoration: none;
    font-size: var(--tweet-info-font-size);
    line-height: var(--tweet-info-line-height)
}

.tweet-info-created-at_root__KaxZi:hover {
    text-decoration-thickness: 1px;
    text-decoration-line: underline
}

.tweet-info_info__ll_kH {
    display: flex;
    align-items: center;
    color: var(--tweet-font-color-secondary);
    margin-top: .125rem;
    overflow-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tweet-info_infoLink__xdgYO {
    color: inherit;
    text-decoration: none;
    height: var(--tweet-actions-icon-wrapper-size);
    width: var(--tweet-actions-icon-wrapper-size);
    font: inherit;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -4px;
    border-radius: 9999px;
    transition-property: background-color;
    transition-duration: .2s
}

.tweet-info_infoLink__xdgYO:hover {
    background-color: var(--tweet-color-blue-secondary-hover)
}

.tweet-info_infoIcon__S8lzA {
    color: inherit;
    fill: currentColor;
    height: var(--tweet-actions-icon-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tweet-info_infoLink__xdgYO:hover>.tweet-info_infoIcon__S8lzA {
    color: var(--tweet-color-blue-secondary)
}

.tweet-replies_replies__PUxl8 {
    padding: .25rem 0
}

.tweet-replies_link__roxYQ {
    text-decoration: none;
    color: var(--tweet-color-blue-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline-style: none;
    transition-property: background-color;
    transition-duration: .2s;
    padding: 0 1rem;
    border: var(--tweet-border);
    border-radius: 9999px
}

.tweet-replies_link__roxYQ:hover {
    background-color: var(--tweet-color-blue-secondary-hover)
}

.tweet-replies_text__o0Naf {
    font-weight: var(--tweet-replies-font-weight);
    font-size: var(--tweet-replies-font-size);
    line-height: var(--tweet-replies-line-height);
    overflow-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.quoted-tweet-header_header___qrcQ {
    display: flex;
    padding: .75rem .75rem 0;
    line-height: var(--tweet-header-line-height);
    font-size: var(--tweet-header-font-size);
    white-space: nowrap;
    overflow-wrap: break-word;
    overflow: hidden
}

.quoted-tweet-header_avatar__lGzrW {
    position: relative;
    height: 20px;
    width: 20px
}

.quoted-tweet-header_avatarSquare__l_eYT {
    border-radius: 4px
}

.quoted-tweet-header_author__k48VI {
    display: flex;
    margin: 0 .5rem
}

.quoted-tweet-header_authorText__FULly {
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.quoted-tweet-header_username__YLPXR {
    color: var(--tweet-font-color-secondary);
    text-decoration: none;
    text-overflow: ellipsis;
    margin-left: .125rem
}

.skeleton_skeleton__gUMqh {
    display: block;
    width: 100%;
    border-radius: 5px;
    background-image: var(--tweet-skeleton-gradient);
    background-size: 400% 100%;
    animation: skeleton_loading__XZoZ6 8s ease-in-out infinite
}

@media (prefers-reduced-motion:reduce) {
    .skeleton_skeleton__gUMqh {
        animation: none;
        background-position: 200% 0
    }
}

@keyframes skeleton_loading__XZoZ6 {
    0% {
        background-position: 200% 0
    }

    to {
        background-position: -200% 0
    }
}

.quoted-tweet-body_root__szSfI {
    font-size: var(--tweet-quoted-body-font-size);
    font-weight: var(--tweet-quoted-body-font-weight);
    line-height: var(--tweet-quoted-body-line-height);
    margin: var(--tweet-quoted-body-margin);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    padding: 0 .75rem
}

.react-photo-album {
    display: flex
}

.react-photo-album,
.react-photo-album * {
    box-sizing: border-box
}

.react-photo-album--track {
    align-items: flex-start;
    display: flex
}

.react-photo-album--photo {
    padding: calc(var(--react-photo-album--padding)*1px);
    position: relative
}

.react-photo-album--image {
    aspect-ratio: var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);
    display: block;
    height: auto;
    width: 100%
}

.react-photo-album--button {
    background: initial;
    border: initial;
    cursor: pointer
}

.react-photo-album--rows {
    flex-direction: column;
    row-gap: calc(var(--react-photo-album--spacing)*1px)
}

.react-photo-album--rows .react-photo-album--track {
    justify-content: space-between;
    --react-photo-album--track-gaps: calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))
}

.react-photo-album--rows .react-photo-album--photo {
    width: calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))
}

.yarl__fullsize {
    height: 100%;
    width: 100%
}

.yarl__relative {
    position: relative
}

.yarl__portal {
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity var(--yarl__fade_animation_duration, .25s) var(--yarl__fade_animation_timing_function, ease);
    z-index: var(--yarl__portal_zindex, 9999)
}

.yarl__portal_open {
    opacity: 1
}

.yarl__container {
    background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
    bottom: 0;
    left: 0;
    outline: none;
    overflow: hidden;
    overscroll-behavior: var(--yarl__controller_overscroll_behavior, contain);
    position: absolute;
    right: 0;
    top: 0;
    touch-action: var(--yarl__controller_touch_action, none);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.yarl__carousel {
    align-content: center;
    align-items: stretch;
    display: flex;
    flex: 0 0 auto;
    height: 100%;
    justify-content: center;
    opacity: var(--yarl__pull_opacity, 1);
    transform: translate(var(--yarl__swipe_offset, 0), var(--yarl__pull_offset, 0));
    width: calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))
}

.yarl__carousel_with_slides {
    -moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);
    column-gap: calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)
}

.yarl__flex_center {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center
}

.yarl__slide {
    flex: 1;
    overflow: hidden;
    padding: calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);
    position: relative
}

[dir=rtl] .yarl__slide {
    --yarl__direction: -1
}

.yarl__slide_image {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    touch-action: var(--yarl__controller_touch_action, none);
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.yarl__slide_image_cover {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.yarl__slide_image_loading {
    opacity: 0
}

@media screen and (min-width:800px) {
    .yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-transform-style: preserve-3d
    }
}

.yarl__slide_placeholder {
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.yarl__slide_loading {
    animation: yarl__delayed_fadein 1s linear;
    color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, hsla(0, 0%, 100%, .8)))
}

.yarl__slide_loading line {
    animation: yarl__stroke_opacity 1s linear infinite
}

.yarl__slide_loading line:first-of-type {
    animation-delay: -1.875s
}

.yarl__slide_loading line:nth-of-type(2) {
    animation-delay: -1.75s
}

.yarl__slide_loading line:nth-of-type(3) {
    animation-delay: -1.625s
}

.yarl__slide_loading line:nth-of-type(4) {
    animation-delay: -1.5s
}

.yarl__slide_loading line:nth-of-type(5) {
    animation-delay: -1.375s
}

.yarl__slide_loading line:nth-of-type(6) {
    animation-delay: -1.25s
}

.yarl__slide_loading line:nth-of-type(7) {
    animation-delay: -1.125s
}

.yarl__slide_loading line:nth-of-type(8) {
    animation-delay: -1s
}

.yarl__slide_error {
    color: var(--yarl__slide_icon_error_color, red);
    height: var(--yarl__slide_icon_error_size, 48px);
    width: var(--yarl__slide_icon_error_size, 48px)
}

@media (prefers-reduced-motion) {

    .yarl__portal,
    .yarl__slide {
        transition: unset
    }

    .yarl__slide_loading,
    .yarl__slide_loading line {
        animation: unset
    }
}

.yarl__toolbar {
    bottom: auto;
    display: flex;
    justify-content: flex-end;
    left: auto;
    padding: var(--yarl__toolbar_padding, 8px);
    position: absolute;
    right: 0;
    top: 0
}

[dir=rtl] .yarl__toolbar {
    bottom: auto;
    left: 0;
    right: auto;
    top: 0
}

.yarl__icon {
    height: var(--yarl__icon_size, 32px);
    width: var(--yarl__icon_size, 32px)
}

.yarl__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--yarl__button_background_color, transparent);
    border: var(--yarl__button_border, 0);
    color: var(--yarl__color_button, hsla(0, 0%, 100%, .8));
    cursor: pointer;
    filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, .8)));
    line-height: 0;
    margin: var(--yarl__button_margin, 0);
    outline: none;
    padding: var(--yarl__button_padding, 8px);
    -webkit-tap-highlight-color: transparent
}

.yarl__button:focus {
    color: var(--yarl__color_button_active, #fff)
}

.yarl__button:focus:not(:focus-visible) {
    color: var(--yarl__color_button, hsla(0, 0%, 100%, .8))
}

.yarl__button:focus-visible {
    color: var(--yarl__color_button_active, #fff)
}

@media (hover:hover) {

    .yarl__button:focus-visible:hover,
    .yarl__button:focus:hover,
    .yarl__button:hover {
        color: var(--yarl__color_button_active, #fff)
    }
}

.yarl__button:disabled {
    color: var(--yarl__color_button_disabled, hsla(0, 0%, 100%, .4));
    cursor: default
}

.yarl__navigation_next,
.yarl__navigation_prev {
    padding: var(--yarl__navigation_button_padding, 24px 16px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.yarl__navigation_prev {
    left: 0
}

[dir=rtl] .yarl__navigation_prev {
    left: unset;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

.yarl__navigation_next {
    right: 0
}

[dir=rtl] .yarl__navigation_next {
    left: 0;
    right: unset;
    transform: translateY(-50%) rotate(180deg)
}

.yarl__no_scroll {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none
}

@keyframes yarl__delayed_fadein {
    0% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes yarl__stroke_opacity {
    0% {
        stroke-opacity: 1
    }

    to {
        stroke-opacity: .125
    }
}

.yarl__thumbnails {
    display: flex;
    height: 100%
}

.yarl__thumbnails_bottom,
.yarl__thumbnails_end .yarl__thumbnails_track,
.yarl__thumbnails_start .yarl__thumbnails_track,
.yarl__thumbnails_top {
    flex-direction: column
}

.yarl__thumbnails_wrapper {
    flex: 1;
    position: relative
}

.yarl__thumbnails_container {
    background-color: var(--yarl__thumbnails_container_background_color, var(--yarl__color_backdrop, #000));
    flex: 0 0 auto;
    overflow: hidden;
    padding: var(--yarl__thumbnails_container_padding, 16px);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.yarl__thumbnails_vignette {
    pointer-events: none;
    position: absolute;
    --yarl__thumbnails_vignette_size: 12%
}

@media (min-width:1200px) {
    .yarl__thumbnails_vignette {
        --yarl__thumbnails_vignette_size: 8%
    }
}

@media (min-width:2000px) {
    .yarl__thumbnails_vignette {
        --yarl__thumbnails_vignette_size: 5%
    }
}

.yarl__thumbnails_bottom .yarl__thumbnails_vignette,
.yarl__thumbnails_top .yarl__thumbnails_vignette {
    background: linear-gradient(to right, var(--yarl__color_backdrop, #000) 0, transparent var(--yarl__thumbnails_vignette_size, 12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)), var(--yarl__color_backdrop, #000) 100%);
    height: 100%;
    left: 0;
    right: 0
}

.yarl__thumbnails_end .yarl__thumbnails_vignette,
.yarl__thumbnails_start .yarl__thumbnails_vignette {
    background: linear-gradient(to bottom, var(--yarl__color_backdrop, #000) 0, transparent var(--yarl__thumbnails_vignette_size, 12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)), var(--yarl__color_backdrop, #000) 100%);
    bottom: 0;
    top: 0;
    width: 100%
}

.yarl__thumbnails_track {
    gap: var(--yarl__thumbnails_thumbnail_gap, 16px);
    outline: none
}

.yarl__thumbnails_thumbnail {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--yarl__thumbnails_thumbnail_background, #000);
    border-color: var(--yarl__thumbnails_thumbnail_border_color, var(--yarl__color_button, hsla(0, 0%, 100%, .8)));
    border-radius: var(--yarl__thumbnails_thumbnail_border_radius, 4px);
    border-style: var(--yarl__thumbnails_thumbnail_border_style, solid);
    border-width: var(--yarl__thumbnails_thumbnail_border, 1px);
    cursor: pointer;
    flex: 0 0 auto;
    -webkit-tap-highlight-color: transparent;
    box-sizing: content-box;
    height: var(--yarl__thumbnails_thumbnail_height, 80px);
    outline: none;
    overflow: hidden;
    padding: var(--yarl__thumbnails_thumbnail_padding, 4px);
    position: relative;
    width: var(--yarl__thumbnails_thumbnail_width, 120px)
}

.yarl__thumbnails_thumbnail_active {
    border-color: var(--yarl__thumbnails_thumbnail_active_border_color, var(--yarl__color_button_active, #fff))
}

.yarl__thumbnails_thumbnail_fadein {
    animation: yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration, .5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay, 0s) forwards;
    opacity: 0
}

.yarl__thumbnails_thumbnail_fadeout {
    animation: yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration, .5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay, 0s) forwards;
    cursor: unset
}

.yarl__thumbnails_thumbnail_placeholder {
    cursor: unset;
    visibility: hidden
}

.yarl__thumbnails_thumbnail:focus {
    box-shadow: var(--yarl__thumbnails_thumbnail_focus_box_shadow, #000 0 0 0 2px, var(--yarl__color_button, hsla(0, 0%, 100%, .8)) 0 0 0 4px)
}

.yarl__thumbnails_thumbnail:focus:not(:focus-visible) {
    box-shadow: unset
}

.yarl__thumbnails_thumbnail:focus-visible {
    box-shadow: var(--yarl__thumbnails_thumbnail_focus_box_shadow, #000 0 0 0 2px, var(--yarl__color_button, hsla(0, 0%, 100%, .8)) 0 0 0 4px)
}

.yarl__thumbnails_thumbnail_icon {
    color: var(--yarl__thumbnails_thumbnail_icon_color, var(--yarl__color_button, hsla(0, 0%, 100%, .8)));
    filter: var(--yarl__thumbnails_thumbnail_icon_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, .8)));
    height: var(--yarl__thumbnails_thumbnail_icon_size, 32px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: var(--yarl__thumbnails_thumbnail_icon_size, 32px)
}

@keyframes yarl__thumbnails_thumbnail_fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes yarl__thumbnails_thumbnail_fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.site-modal-centered .site-modal-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.site-modal-content {
    top: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.hazelnut-template {
    font-family: var(--site-font1) !important
}

.hazelnut-template,
.pecan-template {
    background: var(--site-bg-color1) !important
}

.pecan-template .react-tweet-theme {
    --tweet-container-margin: 0
}

.pecan-template .site-section:nth-child(3n - 2) {
    background: var(--site-bg-color2);
    color: var(--site-color2)
}

.pecan-template .site-section:nth-child(3n - 1) {
    background: var(--site-bg-color3);
    color: var(--site-color3)
}

.pecan-template .site-section:nth-child(3n - 3) {
    background: var(--site-bg-color4);
    color: var(--site-color4)
}

.text-comic-black {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1))
}

.text-comic-blue {
    --tw-text-opacity: 1;
    color: rgb(75 159 255/var(--tw-text-opacity, 1))
}

.text-comic-purple {
    --tw-text-opacity: 1;
    color: rgb(159 75 255/var(--tw-text-opacity, 1))
}

.text-comic-red {
    --tw-text-opacity: 1;
    color: rgb(255 75 75/var(--tw-text-opacity, 1))
}

.text-comic-white,
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.border-comic-black {
    --tw-border-opacity: 1;
    border-color: rgb(26 26 26/var(--tw-border-opacity, 1))
}

.bg-comic-yellow {
    background-color: #f7d871
}

.animate-float {
    animation: float 3s ease-in-out infinite
}

.stroke-comic-black {
    -webkit-text-stroke: 2px #1a1a1a;
    text-stroke: 2px #1a1a1a
}

.comic-shadow {
    text-shadow: 3px 3px 0 #1a1a1a, -1px -1px 0 #1a1a1a, 1px -1px 0 #1a1a1a, -1px 1px 0 #1a1a1a, 1px 1px 0 #1a1a1a
}

.contract-shadow {
    box-shadow: 0 3px 0 #1a1a1a
}

.comic-shadow-small {
    text-shadow: 1px 1px 0 rgba(26, 26, 26, .7), -1px -1px 0 rgba(26, 26, 26, .7), 1px -1px 0 rgba(26, 26, 26, .7), -1px 1px 0 rgba(26, 26, 26, .7), 1px 1px 0 rgba(26, 26, 26, .7)
}

.cursor-mad {
    cursor: url(""), auto
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.pistachio-template {
    background: var(--site-bg-color2) !important;
    font-family: var(--site-font1) !important
}

.pistachio-template .react-tweet-theme {
    --tweet-container-margin: 0
}

.pistachio-template .site-bg-hero {
    background-image: radial-gradient(circle at center, var(--site-bg-color1) 0, #0a0b1e 100%)
}

.pistachio-template .site-section:nth-child(odd) {
    background: rgba(0, 0, 0, .4)
}

.pistachio-template .site-bg-image {
    height: 100%;
    z-index: 1
}

.pistachio-template .site-bg-image-blur {
    height: 100%
}

.seed-template {
    background: var(--site-bg-color1) !important;
    font-family: var(--site-font1) !important
}