@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --color_theme_bg_pop: #6B26FF;
    --background_pop: #6B26FF;
    --cover_bg_color: #FFFFFF;
    --background_pop_darken: #5a0cff;
    --print_on_pop: #ffffff;
    --color_theme_bg_pop_darken: #5a0cff;
    --color_theme_print_on_pop: #ffffff;
    --border_subtle: #e6dff6;
    --background_subtle: rgba(233, 222, 255, 0.4);
    --print_pop: #6b26ff;
    --color_theme_accent: #6b26ff;
    --cover_print_primary: #363737;
    --cover_print_secondary: #757575;
    --cover_print_tertiary: #b6b6b6;
    --cover_border_color: #6b26ff;
    --home_hero: newspaper;
    --home_posts: list;
    --background_contrast_1: #f0f0f0;
    --background_contrast_2: #dddddd;
    --background_contrast_3: #b7b7b7;
    --background_contrast_4: #929292;
    --background_contrast_5: #515151;
    --color_theme_detail: #e6e6e6;
    --background_contrast_pop: rgba(107, 38, 255, 0.4);
    --color_theme_bg_contrast_pop: rgba(107, 38, 255, 0.4);
    --input_background: #ffffff;
    --cover_input_background: #ffffff;
    --tooltip_background: #191919;
    --background_pop_rgb: 107, 38, 255;
    --background_pop_rgb_pc: 107 38 255;
    --color_theme_bg_pop_rgb: 107, 38, 255;
    --color_theme_bg_pop_rgb_pc: 107 38 255;
    --color_theme_accent_rgb: 107, 38, 255;
    --color_theme_accent_rgb_pc: 107 38 255;
}

._gifPreview_lpm16_1 {
    opacity: 0;
    background-color: #000;
    position: absolute;
    transition: opacity .2s ease-in-out;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

._visible_lpm16_14 {
    opacity: 1;
    transition-delay: .5s
}

._image_lpm16_19 {
    object-fit: cover;
    height: 100%
}

._videoPlayerWrapper_lpm16_24 {
    position: relative;
    height: 100%
}

._videoPlayerClassName_lpm16_29 {
    padding-bottom: 0 !important;
    height: 100% !important
}

._videoClassName_lpm16_34 {
    height: 100%
}

._container_1iomp_1 {
    position: relative
}

._container_1iomp_1 picture {
    max-height: inherit
}

._image_1iomp_9 {
    width: 100%;
    height: 100%;
    max-height: inherit;
    object-fit: cover
}

._image-square-legacy_1iomp_16 {
    object-fit: contain
}

._containerSquare_1iomp_20 {
    background-color: var(--background_contrast_2);
    display: flex;
    justify-content: center;
    align-items: center
}

._inner-wrapper_1iomp_27 {
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: var(--shadow-md);
    aspect-ratio: 1
}

._inner-wrapper-small_1iomp_34 {
    height: 80%;
    padding: 3px;
    border-radius: var(--border-radius-sm)
}

._inner-wrapper-medium_1iomp_40 {
    height: 75%;
    padding: 4px;
    border-radius: var(--border-radius-sm)
}

._inner-wrapper-large_1iomp_46 {
    height: 224px;
    padding: 4px;
    border-radius: var(--border-radius-sm)
}

._image-square_1iomp_16 {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    overflow: hidden
}

._image-square-small_1iomp_58,
._image-square-medium_1iomp_62 {
    border-radius: var(--border-radius-xs)
}

._image-square-large_1iomp_66 {
    border-radius: var(--border-radius-sm)
}

._modalTitle_1f564_1 {
    margin: 0
}

._qrCode_1f564_5 {
    border-radius: var(--border-radius-lg);
    background-color: var(--color-bg-elevated-primary);
    border: var(--border-default);
    margin-top: calc(var(--size-8) * -1);
    box-shadow: var(--shadow-lg);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing);
    cursor: pointer;
    overflow: hidden
}

@media (hover: hover) {
    ._qrCode_1f564_5:hover {
        transform: scale(1.02)
    }
}

._qrCode_1f564_5 canvas {
    display: block
}

._divider_1f564_26 {
    width: 100%
}

hr._dividerLine_1f564_30 {
    background-color: var(--color-utility-detail);
    flex: 1;
    margin: var(--size-8);
    border: none;
    height: 1px
}

._appBadge_1f564_38 {
    display: flex;
    border-radius: var(--border-radius-md);
    overflow: hidden
}

._phoneInput_1f564_44 input {
    width: 268px !important;
    height: 40px !important
}

._noGrow_1f564_49 {
    flex-grow: 0
}

._avatarLink_d8no6_1:hover {
    box-shadow: inset 0 0 250px #0000001a
}

._avatarLink_d8no6_1:active {
    box-shadow: inset 0 0 250px #0003
}

._inlineComposer_d8no6_8 {
    transition: var(--animate-hover)
}

._inlineComposer_d8no6_8:active {
    transform: var(--transform-pressed);
    background-color: var(--color-bg-primary-hover)
}

._inlineComposer_d8no6_8:hover {
    transform: var(--transform-hover);
    background-color: var(--color-bg-primary-hover)
}

._inlineComposer_d8no6_8._disabled_d8no6_22,
._mobileInlineComposer_d8no6_23._disabled_d8no6_22 {
    opacity: .5
}

._shareImageButton_d8no6_27 {
    height: 40px
}

._isDragging_d8no6_36 {
    background: var(--color-bg-tertiary);
    box-shadow: var(--focus-ring)
}

._floatingComposer_d8no6_41 {
    position: fixed;
    bottom: calc(var(--size-16) + var(--size-mobile-nav-area));
    right: var(--size-16);
    z-index: 1;
    transition: all var(--animation-timing-fast) var(--animation-smoothing);
    transform-origin: bottom center;
    box-shadow: var(--shadow-md);
    border: none;
    border-radius: var(--border-radius-md)
}

._floatingComposer_d8no6_41:active {
    transform: var(--transform-pressed);
    box-shadow: var(--shadow-sm)
}

._inputSpacer_d8no6_57 {
    width: 48px
}

._wordCountIndicator_d8no6_61._exceded_d8no6_61 {
    color: var(--color-accent-fg-orange)
}

._composerModal_d8no6_65 a {
    text-decoration: none
}

.pencraft ._setupProfileModalContent_d8no6_71 {
    padding: var(--size-16);
    width: auto
}

@media (max-width: 600px) {
    .pencraft ._setupProfileModalContent_d8no6_71 {
        width: calc(100vw - var(--size-12) * 2)
    }
}

.pencraft ._setupProfileModalContent_d8no6_71 input[type=text],
.pencraft ._setupProfileModalContent_d8no6_71 textarea {
    background-color: var(--color-bg-secondary)
}

.pencraft ._setupProfileModalContent_d8no6_71 .hidden {
    display: none
}

._modalColumn_d8no6_88 {
    box-sizing: border-box;
    max-height: 100dvh
}

._editorContainer_d8no6_93 {
    min-height: 200px
}

._dropdownIcon_d8no6_97 {
    stroke: var(--color-fg-secondary)
}

._dropdownMenu_d8no6_101 {
    color: var(--color-fg-primary);
    text-align: left;
    max-width: 400px;
    min-width: 320px
}

._pubRow_d8no6_108 {
    cursor: pointer;
    align-items: center
}

._pubRow_d8no6_108:hover {
    background: var(--color-bg-elevated-secondary)
}

._pubName_d8no6_117 {
    flex-grow: 1
}

._linkImage_d8no6_121 {
    width: var(--size-64);
    height: var(--size-64);
    border-radius: var(--border-radius-sm);
    object-fit: cover
}

._imageContainer_d8no6_128 {
    position: relative;
    flex: 0 0 auto;
    min-width: var(--size-40);
    max-width: 180px;
    height: var(--size-96);
    cursor: pointer;
    box-sizing: border-box
}

._imageContainer_d8no6_128 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-sm);
    border: var(--border-default)
}

._imageActions_d8no6_146 {
    inset: 0;
    opacity: 0;
    transition: var(--animate-hover)
}

._imageActions_d8no6_146:hover {
    opacity: 1
}

._removeAttachment_d8no6_159 {
    top: var(--size-8);
    right: var(--size-8)
}

._shareImageButton_d8no6_27 {
    height: 48px
}

._shareImageButton_d8no6_27:hover {
    filter: brightness(130%);
    cursor: pointer
}

._notifyConformModalPubRow_d8no6_173:hover {
    background: var(--color-bg-elevated-secondary)
}

._cardBlack_1krw7_1,
._cardGreen_1krw7_1 {
    position: relative;
    width: 335px;
    height: 225px;
    -webkit-user-select: none;
    user-select: none
}

._cardBlack_1krw7_1 {
    background: linear-gradient(87.07deg, rgba(15, 13, 27, 0) 8.27%, rgba(163, 163, 139, .3) 90.24%), linear-gradient(200.84deg, rgba(14, 12, 26, 1) 50.52%, var(--color-accent-themed) 108.52%), linear-gradient(0deg, #000000, #000000)
}

._cardGreen_1krw7_1 {
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), linear-gradient(77.07deg, rgba(15, 13, 27, 0) 8.27%, rgba(163, 163, 139, .3) 90.24%), linear-gradient(0deg, var(--accent-fg-green, #1BC47D), var(--accent-fg-green, #1BC47D)), linear-gradient(0deg, #000000, #000000)
}

._secondaryText_1krw7_21 {
    color: #d8d8d8d1
}

._valueSmall_1krw7_25 {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #d8d8d8d1
}

._valueBig_1krw7_31 {
    font-size: 78.67px !important;
    font-weight: 860
}

._sparkle1_1krw7_36,
._sparkle2_1krw7_36,
._sparkle3_1krw7_36 {
    color: #d8d8d8b3;
    fill: #d8d8d8b3;
    position: absolute
}

._sparkle1_1krw7_36 {
    top: 54.18px;
    left: 38.41px;
    transform: rotate(-19.4deg)
}

._sparkle2_1krw7_36 {
    top: 66px;
    left: 280.62px;
    transform: rotate(11.09deg)
}

._sparkle3_1krw7_36 {
    top: 189.84px;
    left: 34px;
    transform: rotate(-26.15deg)
}

._link_uqs75_1._link_uqs75_1._link_uqs75_1 {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

._card_16ovs_1 {
    overflow: hidden;
    background: var(--color-bg-elevated-primary)
}

._cardTop_16ovs_6 {
    min-height: 120px;
    width: 100%;
    background-color: var(--color-accent-fg-orange);
    position: relative
}

._cardBottom_16ovs_13 {
    margin-top: calc(-1 * var(--size-56));
    z-index: 1
}

._cardAvatar_16ovs_18 {
    border: 4px solid var(--color-bg-elevated-primary);
    box-sizing: border-box
}

._cardOverlay_16ovs_23 {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: hard-light
}

._cardUrl_16ovs_31 {
    word-break: break-all
}

._fakeButton_16ovs_35 {
    pointer-events: none;
    cursor: default;
    margin-bottom: var(--size-4)
}

._personYouMayKnow_1iw3e_1 {
    cursor: pointer;
    border-radius: var(--border-radius-md);
    transition: var(--animate-hover)
}

._personYouMayKnow_1iw3e_1:active {
    opacity: .8;
    transform: var(--transform-pressed)
}

._personYouMayKnowFeed_1iw3e_12 {
    position: relative;
    max-width: 156px;
    min-width: 156px;
    height: 204px;
    box-sizing: border-box;
    scroll-snap-align: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: grab
}

._personYouMayKnowFeed_1iw3e_12:active {
    cursor: grabbing
}

._personYouMayKnowFeed_1iw3e_12._withSocialContext_1iw3e_27 {
    max-width: 176px;
    min-width: 176px;
    height: 234px
}

@media (hover: hover) {
    ._personYouMayKnowFeed_1iw3e_12:hover {
        box-shadow: var(--shadow-md)
    }
}

._personYouMayKnowFeedButton_1iw3e_39 {
    height: var(--size-32)
}

._personYouMayKnowImage_1iw3e_43,
._personYouMayKnowImage_1iw3e_43 img {
    flex-shrink: 0;
    height: var(--size-40);
    width: var(--size-40)
}

._personYouMayKnowMutuals_1iw3e_50 {
    margin-top: 4px
}

._personYouMayKnowMutuals_1iw3e_50>div {
    font-size: 12px;
    line-height: 13px
}

._personYouMayKnowMutuals_1iw3e_50 ._facepileLink_1iw3e_63 {
    display: none
}

._personYouMayKnowMutuals_1iw3e_50 ._facepileLink_1iw3e_63:first-child {
    display: block;
    position: relative;
    z-index: 2
}

._personYouMayKnowMutuals_1iw3e_50 ._facepileLink_1iw3e_63:nth-child(2) {
    display: block;
    position: absolute;
    z-index: 1;
    transform: scale(.9) translate(-8px, -8px)
}

._personYouMayKnowMutuals_1iw3e_50 ._facepileFace_1iw3e_78 {
    border-radius: var(--border-radius-full);
    border: 2px solid var(--color-bg-primary);
    object-fit: cover
}

._shareProfile_1iw3e_84,
._fbConnect_1iw3e_88,
._avatarContainer_1iw3e_92 {
    position: relative
}

._close_1iw3e_96 {
    position: absolute;
    right: var(--size-6);
    top: var(--size-6)
}

._badge_1iw3e_102 {
    background-color: var(--color-bg-tertiary);
    border-radius: var(--border-radius-full);
    border: 2px solid var(--color-bg-primary);
    position: absolute;
    bottom: calc(-1 * var(--size-4));
    right: calc(-1 * var(--size-8))
}

._badgeIcon_1iw3e_111 {
    fill: var(--color-fg-primary);
    transform: scaleX(-1)
}

._pointer_6cuho_3 {
    cursor: pointer
}

._faces_6cuho_7 {
    position: relative;
    z-index: 0
}

._faces_6cuho_7._size-20_6cuho_11 {
    height: var(--size-20)
}

._faces_6cuho_7._size-24_6cuho_15 {
    height: var(--size-24)
}

._faces_6cuho_7._size-32_6cuho_19 {
    height: var(--size-32)
}

._faces_6cuho_7._size-40_6cuho_23 {
    height: var(--size-40)
}

._faces_6cuho_7._size-52_6cuho_27 {
    height: var(--size-52)
}

._faces_6cuho_7._size-64_6cuho_31 {
    height: var(--size-64)
}

._face_6cuho_7 {
    --border-width: 4px;
    position: relative;
    background: var(--color-bg-primary-themed);
    object-fit: cover;
    border-radius: var(--border-radius-full);
    border: var(--border-width) solid var(--color-bg-primary-themed);
    box-sizing: border-box
}

._face_6cuho_7._noBorder_6cuho_45 {
    border: none
}

._face_6cuho_7._size-64_6cuho_31 {
    width: calc(var(--size-64) + 2 * (var(--border-width)));
    height: calc(var(--size-64) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-28))
}

._face_6cuho_7._size-52_6cuho_27 {
    width: calc(var(--size-52) + 2 * (var(--border-width)));
    height: calc(var(--size-52) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-20))
}

._face_6cuho_7._size-40_6cuho_23 {
    width: calc(var(--size-40) + 2 * (var(--border-width)));
    height: calc(var(--size-40) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-16))
}

._face_6cuho_7._size-32_6cuho_19 {
    --border-width: 3px;
    width: calc(var(--size-32) + 2 * (var(--border-width)));
    height: calc(var(--size-32) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-12))
}

._face_6cuho_7._size-24_6cuho_15 {
    --border-width: 2px;
    width: calc(var(--size-24) + 2 * (var(--border-width)));
    height: calc(var(--size-24) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-8))
}

._face_6cuho_7._size-20_6cuho_11 {
    --border-width: 1px;
    width: calc(var(--size-20) + 2 * (var(--border-width)));
    height: calc(var(--size-20) + 2 * (var(--border-width)));
    margin-left: calc(-1 * var(--size-8))
}

._face_6cuho_7._first_6cuho_90 {
    margin-left: calc(-1 * var(--border-width))
}

._face_6cuho_7._last_6cuho_94 {
    margin-right: var(--size-4)
}

._face_6cuho_7._last_6cuho_94._first_6cuho_90 {
    margin: 0
}

._face_6cuho_7._elevated_6cuho_102 {
    border-color: var(--color-bg-elevated-primary)
}

._avatar_6cuho_109 {
    position: relative
}

._avatarOther_6cuho_113 {
    background: var(--color-bg-secondary);
    border-radius: var(--border-radius-full);
    width: var(--size-40);
    height: var(--size-40)
}

._avatarOtherIcon_6cuho_120 {
    color: var(--color-fg-secondary)
}

._link_6cuho_124 {
    align-self: flex-start
}

._column_6cuho_128 {
    max-height: calc(100dvh - 160px);
    min-height: 400px
}

._row_6cuho_133 {
    text-decoration: none !important;
    transition: var(--animate-hover)
}

._row_6cuho_133:hover {
    background: var(--color-bg-secondary)
}

._button_6cuho_141 {
    padding: 0 var(--size-12)
}

._textFace_6cuho_145 {
    background: var(--color-accent-themed)
}

._auditionPlayer_d4iax_1 {
    display: flex;
    align-items: center;
    gap: var(--size-8);
    padding: var(--size-16);
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._footer_11ym1_1._footer_11ym1_1._footer_11ym1_1 {
    padding: var(--size-24) 0
}

._footerSection_11ym1_5 {
    padding: 0 var(--size-24)
}

._divider_11ym1_9 {
    border-top: var(--border-default);
    margin: var(--size-24) 0
}

._meta_11ym1_14 a {
    color: inherit;
    text-decoration: underline
}

._twitter_11ym1_19 {
    display: block;
    background: #1da1f2;
    border-radius: var(--border-radius-sm);
    width: 100%;
    height: 40px;
    text-align: center;
    text-decoration: none
}

._twitterText_11ym1_29 {
    color: #fff;
    font-weight: var(--font-weight-semibold);
    font-size: 14px;
    line-height: 40px;
    mso-line-height-rule: exactly
}

._twitterImage_11ym1_37 {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 12px;
    max-width: none;
    vertical-align: middle
}

._fullWidth_1mh60_1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    min-height: var(--size-40)
}

._emailButtonTd_1mh60_8 {
    border-radius: var(--border-radius-sm)
}

._emailButtonTd_1mh60_8._priority_primary_1mh60_11 {
    background-color: var(--color-accent-themed)
}

._emailButtonTd_1mh60_8._priority_primary_1mh60_11 ._emailButtonA_1mh60_14 {
    border: 1px solid var(--color-accent-themed);
    color: var(--color-accent-inverse-themed)
}

._emailButtonTd_1mh60_8._priority_primary_1mh60_11 ._emailButtonA_1mh60_14._fullWidth_1mh60_1 {
    border: none
}

._emailButtonTd_1mh60_8._priority_secondary_1mh60_26 {
    background-color: var(--color-light-bg-secondary)
}

._emailButtonTd_1mh60_8._priority_secondary_1mh60_26 ._emailButtonA_1mh60_14 {
    border: var(--border-default);
    color: var(--color-light-secondary)
}

._emailButtonTd_1mh60_8._priority_secondary_1mh60_26 ._emailButtonA_1mh60_14._fullWidth_1mh60_1 {
    border: none
}

._emailButtonTd_1mh60_8._priority_outline_1mh60_38 {
    background-color: var(--color-accent-inverse-themed)
}

._emailButtonTd_1mh60_8._priority_outline_1mh60_38 ._emailButtonA_1mh60_14 {
    border: 1.5px solid var(--color-accent-themed);
    color: var(--color-accent-themed)
}

._emailButtonTd_1mh60_8 ._emailButtonA_1mh60_14 {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-14);
    line-height: 1;
    text-decoration: none;
    border-radius: var(--border-radius-sm);
    padding: 12px 24px;
    display: inline-block
}

._emailButtonTd_1mh60_8 ._emailButtonA_1mh60_14._size_sm_1mh60_60 {
    padding: 8px
}

._avatar_1mh60_65 {
    border-radius: 500000px;
    box-sizing: border-box;
    margin: 0
}

._avatar_1mh60_65._framed_1mh60_70 {
    border: 2px solid var(--color-light-bg-primary) !important;
    box-shadow: var(--shadow-sm)
}

._icon_1mh60_76 {
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    margin: 0
}

._emailSeparator_1mh60_82 {
    border-bottom: var(--border-default);
    height: 0;
    width: 100%
}

._text_s2bcd_1 {
    font-family: Cahuenga, serif
}

._badge_s2bcd_5 {
    position: absolute;
    bottom: calc(-1 * var(--size-6));
    right: calc(-1 * var(--size-6))
}

._staticPubIcon_s2bcd_11 {
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    margin: 0;
    background-color: var(--color-utility-white)
}

._avatarContainer_1c7wr_1 {
    position: relative
}

._avatar_1c7wr_1 {
    object-fit: cover
}

._badge_1c7wr_9 {
    background-color: var(--color-bg-primary);
    border: 2px solid var(--color-bg-primary);
    position: absolute;
    bottom: calc(-1 * var(--size-4));
    right: calc(-1 * var(--size-4));
    overflow: hidden;
    box-sizing: content-box;
    width: var(--size-16);
    height: var(--size-16)
}

._badge_1c7wr_9 img {
    border-radius: 0 !important
}

._badge_1c7wr_9._square_1c7wr_23 {
    border-radius: var(--border-radius-sm)
}

._badge_1c7wr_9._circle_1c7wr_27 {
    border-radius: var(--border-radius-full)
}

._subscriptionBadge_1c7wr_32 {
    display: block
}

._customizeAssetButton_8meil_1 {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7 {
    display: flex;
    flex-direction: row;
    background-color: var(--color-bg-secondary);
    color: var(--color-fg-secondary);
    border-radius: var(--border-radius-full);
    font-size: var(--font-size-14);
    gap: 12px;
    align-items: center;
    font-family: var(--font-family-text);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-14);
    padding: 0 16px;
    height: 36px
}

._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6 svg,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7 svg {
    stroke: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._selected_8meil_27,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._selected_8meil_27,
._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6:hover,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7:hover {
    background-color: var(--color-fg-primary);
    color: var(--color-bg-primary)
}

._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._selected_8meil_27 svg,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._selected_8meil_27 svg,
._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6._aspectTypeButton_8meil_6:hover svg,
._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7._aspectRatioButton_8meil_7:hover svg {
    stroke: var(--color-bg-primary)
}

._themeButton_8meil_37 {
    overflow: hidden;
    height: 36px;
    width: 36px;
    border-radius: var(--border-radius-lg);
    position: relative;
    border: var(--border-default);
    box-sizing: border-box;
    padding: 0
}

._themeButton_8meil_37 ._imageBg_8meil_47 {
    position: absolute;
    z-index: -1;
    inset: -8px;
    background-size: contain;
    background-position: center;
    filter: blur(2px)
}

._themeButton_8meil_37 ._inner_8meil_58 {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._threadsLinkContainer_17je7_1 {
    background-color: var(--color-bg-primary);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    border: var(--border-default);
    margin: 0 auto;
    padding: var(--size-32);
    width: 320px
}

._threadsLinkContainer_17je7_1 button {
    width: 100%
}

._threadsLinkFallback_17je7_15 a {
    text-decoration: underline;
    color: var(--color-fg-secondary)
}

@media screen and (max-width: 650px) {
    ._threadsLinkContainer_17je7_1 {
        width: calc(100vw - 80px)
    }
}

._qrCode_17je7_26 {
    border-radius: var(--border-radius-sm)
}

._activityBadge_17je7_30 {
    box-sizing: border-box;
    height: var(--size-24);
    width: var(--size-24);
    background: var(--color-accent-fg-green);
    border: 3px solid var(--color-light-bg-primary);
    border-radius: var(--border-radius-full)
}

._activityBadge_17je7_30._mobile_17je7_39 {
    height: 18px;
    width: 18px
}

._appBadge_17je7_44 {
    border-radius: var(--border-radius-md);
    overflow: hidden;
    display: flex
}

._qrCode_17je7_26 {
    overflow: hidden
}

._webChatLink_17je7_54 {
    text-decoration: none;
    cursor: pointer
}

._webChatLink_17je7_54:hover {
    opacity: .7
}

._imageBubble_1w23i_1 {
    position: relative;
    overflow: hidden;
    transition: var(--animate-hover);
    background-color: var(--color-bg-secondary);
    border-radius: var(--border-radius-xs)
}

._imageBubble_1w23i_1 img,
._imageBubble_1w23i_1 picture {
    display: flex;
    flex: 1 1 1px;
    object-fit: cover;
    min-width: 0;
    min-height: 0;
    transition: var(--animate-hover);
    height: auto
}

._imageBubble_1w23i_1._clickable_1w23i_20 {
    cursor: zoom-in
}

@media (hover: hover) {
    ._imageBubble_1w23i_1._clickable_1w23i_20:hover {
        box-shadow: var(--shadow-md);
        opacity: .9
    }
}

._imageBubble_1w23i_1._clickable_1w23i_20:active {
    transform: var(--transform-pressed)
}

._imageGrid_1w23i_35 {
    --single-image-max-height: 420px;
    --single-image-min-width: var(--size-56);
    --max-width: 508px;
    --image-grid-gap: var(--size-4);
    --image-grid-columns: 1;
    --image-height: calc((var(--max-width) - ((var(--image-grid-columns) - 1) * var(--image-grid-gap))) / (var(--image-grid-columns)));
    display: grid;
    flex-flow: row wrap;
    overflow: hidden;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: var(--image-height);
    border-radius: var(--border-radius-md)
}

._imageGrid_1w23i_35._size-1_1w23i_54 {
    display: block
}

._imageGrid_1w23i_35._size-2_1w23i_58,
._imageGrid_1w23i_35._size-4_1w23i_59 {
    --image-grid-columns: 2;
    grid-template-columns: 1fr 1fr
}

._imageGrid_1w23i_35._size-3_1w23i_64,
._imageGrid_1w23i_35._size-5_1w23i_65,
._imageGrid_1w23i_35._size-6_1w23i_66 {
    --image-grid-columns: 3
}

._imageGrid_1w23i_35._contained_1w23i_70._contained_1w23i_70 ._imageBubble_1w23i_1 {
    border-radius: 0;
    border: none
}

._imageGrid_1w23i_35._preview_1w23i_75._size-1_1w23i_54 ._imageBubble_1w23i_1 {
    max-height: 220px
}

._imageGrid_1w23i_35._dm_1w23i_82 {
    --max-width: 360px
}

._imageGrid_1w23i_35._preview_1w23i_75 {
    display: flex
}

._imageGrid_1w23i_35._preview_1w23i_75._size-1_1w23i_54 ._imageBubble_1w23i_1 {
    max-height: 300px
}

._imageGrid_1w23i_35._size-1_1w23i_54 ._imageBubble_1w23i_1 {
    display: block;
    overflow: hidden;
    background-color: var(--color-bg-secondary);
    border-radius: var(--border-radius-md);
    aspect-ratio: var(--aspect-ratio);
    max-height: var(--single-image-max-height);
    max-width: var(--max-width);
    min-width: var(--single-image-min-width)
}

._imageGrid_1w23i_35._size-1_1w23i_54 ._imageBubble_1w23i_1 img,
._imageGrid_1w23i_35._size-1_1w23i_54 ._imageBubble_1w23i_1 picture {
    display: block;
    width: 100%;
    height: 100%
}

._imageBubble_1w23i_1._diptychImage_1w23i_116:first-of-type,
._imageBubble_1w23i_1._carouselImage_1w23i_117:first-of-type {
    border-top-left-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md)
}

._imageBubble_1w23i_1._diptychImage_1w23i_116:last-of-type,
._imageBubble_1w23i_1._carouselImage_1w23i_117:last-of-type {
    border-top-right-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md)
}

._imageBubble_1w23i_1._carouselImage_1w23i_117 {
    cursor: grab
}

._imageCountOverlay_1w23i_133 {
    background: var(--color-utility-modal)
}

._imageGridThumbnail_1w23i_137 {
    display: grid;
    overflow: hidden;
    aspect-ratio: 1 / 1
}

._imageGridThumbnail_1w23i_137._size-1_1w23i_54 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

._imageGridThumbnail_1w23i_137._size-2_1w23i_58 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr
}

._imageGridThumbnail_1w23i_137._size-3_1w23i_64 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

._imageGridThumbnail_1w23i_137._size-3_1w23i_64>*:first-child {
    grid-column: 1 / -1
}

._imageGridThumbnail_1w23i_137._size-4_1w23i_59 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

._thumbnailImage_1w23i_167 {
    object-fit: cover
}

._imageCarouselContainer_1w23i_171 {
    --carousel-inset-left: -48px;
    --carousel-inset-right: 0px;
    overflow: hidden;
    margin-left: var(--carousel-inset-left);
    margin-right: var(--carousel-inset-right)
}

._imageCarousel_1w23i_171 {
    --carousel-height: 300px;
    --carousel-gap: 6px;
    display: flex;
    height: var(--carousel-height);
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

._imageCarousel_1w23i_171::-webkit-scrollbar {
    display: none
}

._imageCarousel_1w23i_171:active {
    cursor: grabbing
}

._imageCarousel_1w23i_171 {
    padding-right: calc(-1 * var(--carousel-inset-right))
}

._carouselImage_1w23i_117 {
    flex: 0 0 auto;
    margin-right: var(--carousel-gap);
    scroll-snap-align: start;
    -webkit-user-select: none;
    user-select: none;
    cursor: grab
}

._carouselImage_1w23i_117:active {
    cursor: grabbing;
    transform: var(--transform-pressed)
}

._carouselImage_1w23i_117:last-of-type {
    margin-right: 0
}

._carouselSpacer_1w23i_221 {
    flex: 0 0 auto;
    scroll-snap-align: start
}

._overscrollTransition_1w23i_226 {
    transition: transform .2s ease-out
}

._arrowContainer_1w23i_230 {
    top: 0;
    bottom: 0;
    pointer-events: none
}

._arrowContainer_1w23i_230._left_1w23i_235 {
    left: 0;
    transform: scaleX(-1)
}

._arrowContainer_1w23i_230._right_1w23i_240 {
    right: 0
}

._arrowButton_1w23i_245 {
    padding: var(--size-12);
    transition: var(--animate-hover);
    pointer-events: all
}

._arrowButton_1w23i_245._hidden_1w23i_250 {
    opacity: 0;
    pointer-events: none
}

._arrowButton_1w23i_245:hover ._arrowIcon_1w23i_256 {
    fill: #ffffffbf
}

._arrowIcon_1w23i_256 {
    fill: #ffffff80;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-radius: var(--border-radius-full);
    transition: fill var(--animation-timing-fast) var(--animation-smoothing);
    cursor: pointer
}

@media screen and (max-width: 600px) {
    ._imageGrid_1w23i_35 {
        --mobile-feed-padding: var(--size-16);
        --mobile-feed-restack-padding: var(--size-12);
        --mobile-feed-h-gap: var(--size-12);
        --mobile-feed-avatar-size: var(--size-36);
        --max-width: calc(100vw - ((var(--mobile-feed-padding) * 2) + var(--mobile-feed-h-gap) + var(--mobile-feed-avatar-size)));
        --single-image-max-height: 400px
    }

    ._imageGrid_1w23i_35._restack_1w23i_283 {
        --max-width: 482px;
        --max-width: calc(100vw - ((var(--mobile-feed-padding) * 2) + (var(--mobile-feed-restack-padding) * 2) + var(--mobile-feed-h-gap) + var(--mobile-feed-avatar-size)))
    }

    ._imageGrid_1w23i_35._dm_1w23i_82 {
        --max-width: 360px
    }
}

._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1 {
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-highlight-fg);
    border-radius: var(--size-4);
    padding: 0 .125em .0625em;
    margin: 0 -.125em;
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1:hover {
        text-decoration: underline
    }
}

._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._self_15tfs_17 {
    color: var(--color-highlight-self-fg);
    background-color: var(--color-highlight-self-bg)
}

._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._unstyled_15tfs_22 {
    color: var(--color-chat-outgoing-fg-primary);
    font-weight: var(--font-weight-semibold)
}

._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._mention_15tfs_1._unstyled_15tfs_22._self_15tfs_17 {
    background-color: transparent
}

._ufiContainer_1gli1_1 {
    margin-bottom: calc(-1 * var(--size-8))
}

._buttonContainer_1gli1_5 {
    --button-min-width: 32px;
    --button-icon-width: 20px;
    --button-gap: 4px;
    --button-inner-padding: 12px;
    --button-outer-padding: 0px;
    --button-label-width: 0px;
    --button-final-width: 32px;
    --button-fg-color: var(--color-fg-secondary);
    --button-bg-color: transparent;
    --easing: var(--animation-smoothing);
    --duration-fast: var(--animation-timing-fast);
    --duration-slow: .75s;
    padding: 0px var(--button-outer-padding);
    transition: padding var(--duration-fast) var(--easing), margin-left var(--duration-fast) var(--easing)
}

._buttonContainer_1gli1_5:first-of-type {
    margin-left: calc(-1 * (var(--button-outer-padding) + var(--button-inner-padding)))
}

._button_1gli1_5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: var(--button-gap);
    padding: 0px var(--button-inner-padding);
    height: var(--button-min-width);
    border-radius: var(--border-radius-full);
    background: var(--button-bg-color);
    min-width: var(--button-min-width);
    color: var(--button-fg-color);
    width: var(--button-final-width)
}

._button_1gli1_5:focus-visible {
    box-shadow: var(--focus-ring)
}

._button_1gli1_5 {
    transition: padding var(--duration-fast) var(--easing), width var(--duration-fast) var(--easing), background-color var(--duration-fast) var(--easing)
}

._button_1gli1_5 svg,
._button_1gli1_5 ._icon_1gli1_64 {
    stroke: var(--button-fg-color);
    width: var(--button-icon-width);
    height: var(--button-icon-width);
    transition: all var(--duration-fast) var(--easing);
    flex: 0 0 var(--button-icon-width)
}

._button_1gli1_5 ._count_1gli1_72 {
    transition: color var(--duration-fast) var(--easing), opacity var(--duration-fast) var(--easing)
}

._button_1gli1_5 ._count_1gli1_72._hidden_1gli1_78 {
    opacity: 0
}

@media (hover: hover) {
    ._button_1gli1_5:not(:disabled):hover {
        --button-bg-color: var(--color-bg-secondary);
        --button-fg-color: var(--color-fg-primary)
    }
}

._button_1gli1_5:not(:disabled):active {
    transform: scale(.9)
}

._button_1gli1_5:disabled {
    cursor: default;
    --button-fg-color: var(--color-fg-tertiary)
}

._like_1gli1_99._button_1gli1_5._active_1gli1_100:not(:disabled) {
    --button-fg-color: var(--color-accent-fg-red)
}

._like_1gli1_99._button_1gli1_5._active_1gli1_100:not(:disabled) ._heart_1gli1_103>path {
    fill: var(--button-fg-color)
}

._like_1gli1_99._button_1gli1_5._active_1gli1_100._clickedOnce_1gli1_107:not(:disabled):focus ._isLiked_1gli1_108 ._heart_1gli1_103 {
    animation: _heart-bounce_1gli1_1 var(--duration-slow) var(--easing)
}

._like_1gli1_99._button_1gli1_5._active_1gli1_100._clickedOnce_1gli1_107:not(:disabled):focus ._isLiked_1gli1_108 ._spark_1gli1_112 {
    animation: _spark-burst_1gli1_1 calc(var(--duration-slow) * 1) var(--easing) forwards
}

@media (hover: hover) {
    ._like_1gli1_99._button_1gli1_5._active_1gli1_100:not(:disabled):hover {
        --button-bg-color: var(--color-accent-bg-red)
    }
}

._restack_1gli1_127._button_1gli1_5._active_1gli1_100:not(:disabled) {
    --button-fg-color: var(--color-accent-fg-green)
}

@media (hover: hover) {
    ._restack_1gli1_127._button_1gli1_5._active_1gli1_100:not(:disabled):hover {
        --button-bg-color: var(--color-accent-bg-green)
    }
}

._restack_1gli1_127._button_1gli1_5._active_1gli1_100._clickedOnce_1gli1_107:not(:disabled) ._isRestacked_1gli1_137 ._restackIcon_1gli1_138 {
    animation: _restack-spin_1gli1_1 var(--duration-slow) var(--easing) forwards
}

._restackIcon_1gli1_138 {
    transform-origin: center
}

@keyframes _restack-spin_1gli1_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(180deg)
    }
}

@keyframes _heart-bounce_1gli1_1 {
    0% {
        transform: scale(.7)
    }

    50% {
        transform: scale(1.1)
    }

    60% {
        transform: var(--transform-pressed)
    }

    to {
        transform: scale(1)
    }
}

._heartWrapper_1gli1_174 {
    display: grid;
    height: var(--button-icon-width);
    width: var(--button-icon-width);
    min-width: var(--button-icon-width);
    position: relative;
    box-sizing: border-box;
    font-size: var(--size-20)
}

._heartWrapper_1gli1_174>* {
    margin: auto;
    grid-area: 1 / 1
}

._heart_1gli1_103 {
    width: var(--button-icon-width);
    height: var(--button-icon-width);
    display: block;
    transform-origin: center;
    stroke-width: 1.5px
}

._heart_1gli1_103>path {
    stroke: var(--button-fg-color);
    fill: transparent;
    transition: stroke var(--duration-fast) var(--easing), fill var(--duration-fast) var(--easing);
    transform-origin: center
}

._sparks_1gli1_206 {
    width: 1px;
    height: 1px;
    position: relative;
    box-sizing: border-box
}

._spark_1gli1_112 {
    --percentage: calc(var(--i) / var(--total-sparks));
    --Θ: calc(var(--percentage) * 1turn + .5turn);
    position: absolute;
    top: 0;
    left: 0;
    width: .1em;
    opacity: 0;
    border-radius: var(--border-radius-sm);
    background-color: var(--button-fg-color);
    height: .1em;
    transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(0) scaleY(0)
}

@keyframes _spark-burst_1gli1_1 {
    40% {
        height: .3em
    }

    40%,
    50% {
        height: .3em;
        transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(.8em) scale(1)
    }

    70% {
        height: .2em;
        opacity: .8
    }

    to {
        transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(1em) scale(0);
        opacity: 0
    }
}

._link_mhaex_1 {
    cursor: pointer
}

._withShareButton_mhaex_5>:last-child {
    margin-left: auto
}

._wrapper_ravf8_1 {
    max-width: 440px
}

._highlight_kafi8_1 {
    background-color: var(--color-bg-secondary)
}

@media (hover: hover) {
    ._linkRow_kafi8_5:hover {
        background-color: var(--color-bg-secondary)
    }
}

._linkRow_kafi8_5 {
    transition: var(--animate-hover)
}

._container_16k9s_1 {
    text-decoration: none
}

._clamp_16k9s_5._clamp_16k9s_5._clamp_16k9s_5._clamp_16k9s_5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

._clamp-1_16k9s_11._clamp-1_16k9s_11._clamp-1_16k9s_11._clamp-1_16k9s_11 {
    -webkit-line-clamp: 1
}

._clamp-2_16k9s_14._clamp-2_16k9s_14._clamp-2_16k9s_14._clamp-2_16k9s_14 {
    -webkit-line-clamp: 2
}

._clamp-3_16k9s_17._clamp-3_16k9s_17._clamp-3_16k9s_17._clamp-3_16k9s_17 {
    -webkit-line-clamp: 3
}

._color-accent_16k9s_22._color-accent_16k9s_22 {
    color: var(--color-accent-themed)
}

._color-primary_16k9s_26._color-primary_16k9s_26 {
    color: var(--color-primary-themed)
}

._font-family-copernicus_16k9s_30 {
    font-family: Crimson Text, serif;
    font-weight: 400
}

._font-family-copernicus-condensed_16k9s_35 {
    font-family: "Instrument Serif", serif;
    font-weight: 600
}

._font-family-knockout-body_16k9s_40 {
    font-family: Vazirmatn, sans-serif;
    font-weight: 400
}

._font-family-knockout-condensed_16k9s_45 {
    font-family: League Gothic, sans-serif;
    font-weight: 400
}

._font-weight-400_16k9s_50 {
    font-weight: 400
}

._font-weight-700_16k9s_54 {
    font-weight: 700
}

._text-align-center_16k9s_58 {
    text-align: center
}

._text-transform-uppercase_16k9s_62 {
    text-transform: uppercase
}

._white-space-nowrap_16k9s_66 {
    white-space: nowrap
}

._letter-spacing-tight_16k9s_70 {
    letter-spacing: -.02em
}

._letter-spacing-wide_16k9s_74 {
    letter-spacing: .05em
}

._videoPlayer_cfupk_1 {
    height: 100% !important;
    padding-bottom: 0 !important;
    background: var(--color-utility-black)
}

@media (hover: hover) {
    ._videoPlayer_cfupk_1:hover {
        box-shadow: var(--shadow-md)
    }
}

._link_14atu_1 {
    color: var(--color-accent-fg-cyan);
    text-decoration: none
}

._confirmModal_14atu_6 {
    max-width: 280px;
    box-sizing: content-box
}

._confirmDescription_14atu_11 {
    text-align: center
}

._editIcon_st2yh_1 {
    opacity: 0;
    transition: var(--animate-hover)
}

._title_st2yh_6:hover ._editIcon_st2yh_1 {
    opacity: 1
}

._input_st2yh_10 {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-36);
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    line-height: var(--line-height-40);
    display: block;
    border: none;
    border-color: transparent;
    width: 100%;
    height: 1.25em;
    resize: none
}

._inputWithIcons_92otj_1._inputWithIcons_92otj_1._inputWithIcons_92otj_1 {
    box-sizing: border-box;
    font-family: var(--font-family-text);
    padding: var(--size-12);
    border: none;
    outline: none;
    margin: 0;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    display: block;
    width: 100%;
    color: var(--color-fg-primary);
    background-color: var(--color-bg-primary);
    transition: border-color var(--animation-timing-fast) var(--animation-smoothing)
}

._inputWithIcons_92otj_1._inputWithIcons_92otj_1._inputWithIcons_92otj_1:focus {
    border-color: var(--color-fg-secondary)
}

._inputWithIcons_92otj_1._inputWithIcons_92otj_1._inputWithIcons_92otj_1._error_92otj_20 {
    color: var(--color-semantic-error-bg-primary);
    border-color: var(--color-semantic-error-bg-primary)
}

._inputWithIcons_92otj_1._inputWithIcons_92otj_1._inputWithIcons_92otj_1._error_92otj_20::placeholder {
    color: var(--color-semantic-error-bg-primary)
}

._inputWrapper_92otj_30 {
    display: flex;
    align-items: center;
    width: 100%;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    background-color: var(--color-bg-primary)
}

._inputWrapper_92otj_30:focus-within {
    border-color: var(--color-fg-secondary)
}

._icon_92otj_45 {
    display: flex;
    margin-right: var(--size-8);
    align-items: center;
    justify-content: center
}

._transcriptionTab_il6k3_1 {
    height: calc(100% - var(--size-112))
}

._icon_il6k3_5 {
    color: var(--color-fg-primary)
}

._toggleSetting_il6k3_9 {
    width: 100%
}

._transcriptionPlayer_il6k3_13 {
    bottom: var(--size-24)
}

._transcriptionPlayer_il6k3_13>div {
    background-color: var(--color-bg-primary);
    box-shadow: var(--shadow-md)
}

._hidePlayer_il6k3_22 {
    visibility: hidden
}

._nonActiveText_il6k3_26 {
    opacity: .6
}

._transcriptionChunk_il6k3_30 {
    display: grid;
    grid-template-columns: var(--size-32) auto;
    gap: var(--size-4) var(--size-16);
    cursor: pointer
}

._editableChunk_il6k3_37 {
    cursor: auto
}

._startTime_il6k3_41 {
    opacity: 0;
    transition: var(--animate-hover)
}

._text_il6k3_46::selection {
    background-color: var(--color-bg-accent-hover-themed)
}

._transcriptionChunk_il6k3_30:hover>._startTime_il6k3_41,
._activeStartTime_il6k3_51 {
    opacity: 1
}

._startTime_il6k3_41 ._text_il6k3_46 {
    width: -webkit-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    user-select: none
}

._transcriptionChunk_il6k3_30._chunkWithSpeaker_il6k3_60 {
    grid-template-rows: var(--size-20) auto;
    grid-template-columns: var(--size-32) auto auto
}

._transcriptionChunk_il6k3_30._chunkWithSpeaker_il6k3_60 ._startTime_il6k3_41,
._transcriptionChunk_il6k3_30._chunkWithSpeaker_il6k3_60 ._text_il6k3_46 {
    grid-row: 2
}

._speaker_il6k3_70 {
    grid-column: 2;
    -webkit-user-select: none;
    user-select: none;
    transition: var(--animate-hover);
    cursor: pointer
}

._speaker_il6k3_70:hover {
    opacity: .6
}

._transcription_il6k3_1 {
    justify-content: start
}

._popover_il6k3_85 {
    background-color: var(--color-bg-tooltip);
    min-width: -webkit-fit-content;
    min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    position: absolute;
    cursor: pointer;
    z-index: 1
}

._popover_il6k3_85 svg {
    color: var(--color-utility-white)
}

._popover_il6k3_85 ._divider_il6k3_98 {
    width: 1px;
    height: 12px
}

._resultsValue_il6k3_103 {
    min-width: -webkit-fit-content;
    min-width: fit-content;
    white-space: nowrap
}

._searchResult_il6k3_108 {
    background-color: var(--color-accent-bg-yellow)
}

._searchResult_il6k3_108._isFocused_il6k3_112 {
    border-radius: var(--border-radius-xs);
    box-shadow: 0 0 0 1px var(--color-accent-fg-yellow)
}

._searchForm_il6k3_117 {
    width: 100%
}

._transcriptionBox_il6k3_121 {
    height: calc(100vh - 450px)
}

._textContainerEditor_1e6ob_1 {
    color: var(--color-fg-primary)
}

._hideSelectionBackground_1e6ob_5::selection {
    background-color: #0000
}

._word_1e6ob_9 {
    cursor: text;
    display: inline-block;
    position: relative;
    margin: 0 -2px;
    padding: 0 2px
}

._word_1e6ob_9:after {
    content: "";
    position: absolute;
    inset: -1px;
    background-color: transparent;
    z-index: -2;
    border-radius: 2px
}

._word_1e6ob_9::selection {
    background-color: #0000
}

._wordSelectedEditor_1e6ob_35:after,
._wordClippedEditor_1e6ob_36:after {
    background-color: #ffeba6
}

._wordAtClipStart_1e6ob_40,
._wordAtClipEnd_1e6ob_41 {
    cursor: grab;
    z-index: 1
}

._wordIsSelecting_1e6ob_46 {
    cursor: text
}

._wordAtClipStart_1e6ob_40:after {
    border-left: 2px solid #bd972c;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._wordAtClipStart_1e6ob_40:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    top: -6px;
    left: -4px;
    border: 2px solid #bd972c;
    background-color: #fff
}

._wordAtClipEnd_1e6ob_41:after {
    border-right: 2px solid #bd972c;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._wordAtClipEnd_1e6ob_41:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    bottom: -6px;
    right: -4px;
    border: 2px solid #bd972c;
    background-color: #fff
}

._textHidden_1e6ob_86 {
    color: #0000;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

._searchResult_1e6ob_92 {
    background-color: rgba(var(--color-light-accent-yellow-rgb), .3)
}

._searchResult_1e6ob_92._isFocused_1e6ob_96 {
    border-radius: var(--border-radius-xs);
    box-shadow: 0 0 0 1px var(--color-accent-fg-yellow)
}

._container_1fnoj_1 {
    margin-bottom: 20px;
    opacity: .9;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    width: 40%;
    pointer-events: none
}

._text_1fnoj_13 {
    color: var(--color-fg-secondary);
    font-family: Arial, sans-serif;
    background: rgba(0, 0, 0, .8);
    border-radius: var(--border-radius-sm);
    padding: 10px;
    display: inline-block;
    font-size: 1em;
    pointer-events: none;
    font-weight: var(--font-weight-semibold)
}

._container-full-screen_1fnoj_25 {
    width: 70%
}

._text-full-screen_1fnoj_29 {
    font-size: 2em
}

._speaker_1fnoj_33,
._highlight-word_1fnoj_37 {
    color: #fff
}

._captions-small_1fnoj_41 {
    width: 90%
}

._text-small_1fnoj_45 {
    padding: 6px;
    font-size: .85em
}

._playerButton_725cs_1:hover {
    transform: scale(1.1)
}

._date_1v6nm_1 {
    white-space: nowrap
}

._icon_1v6nm_5 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: var(--size-20);
    width: var(--size-20);
    position: relative;
    background-color: var(--background_contrast_1);
    border-radius: var(--border-radius-xs);
    margin-right: var(--size-4);
    top: 2px
}

._icon_1v6nm_5:last-of-type {
    margin-right: var(--size-8)
}

._icon_1v6nm_5 svg {
    stroke: var(--color-secondary-themed)
}

a._link_1v6nm_25 {
    color: inherit !important;
    text-decoration: none
}

a._link_1v6nm_25:hover {
    text-decoration: underline
}

._dividerChar_1v6nm_34 {
    font-size: 10px;
    position: relative;
    top: -1px;
    font-weight: var(--font-weight-regular)
}

._icon_13lbo_1 {
    margin-right: 6px;
    margin-bottom: -2px
}

._icon_13lbo_1 path {
    stroke: var(--color-primary-themed)
}

._iconVideo-16_13lbo_8 {
    margin-bottom: -4px
}

._iconVideo-20_13lbo_11 {
    margin-bottom: -2px
}

._iconVideo-28_13lbo_14 {
    margin-right: 8px;
    margin-bottom: -3px
}

._iconVideo-32_13lbo_18 {
    margin-right: 8px;
    margin-bottom: -2px
}

._container_11rkr_1 {
    display: flex
}

._containerNoImage_11rkr_5 {
    display: block
}

._image_11rkr_9 {
    border-radius: var(--border-radius-xs);
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%
}

._content_11rkr_17 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
    box-sizing: border-box
}

._image_1qgos_1 {
    width: 100%;
    overflow: hidden;
    border-radius: var(--border-radius-xs)
}

._container_6i6j0_1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    grid-column-gap: var(--size-24)
}

@media only screen and (max-width: 768px) {
    ._container_6i6j0_1 {
        padding: 0
    }
}

@media only screen and (max-width: 768px) {
    ._container_6i6j0_1 {
        grid-template-columns: 1fr 72px
    }
}

._container--no-image_6i6j0_19 {
    grid-template-columns: 1fr
}

@media only screen and (max-width: 1024px) {
    ._container--no-image_6i6j0_19 {
        grid-template-columns: 1fr
    }
}

._image_6i6j0_29 {
    width: 160px;
    border-radius: var(--border-radius-xs);
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    ._image_6i6j0_29 {
        width: 72px;
        height: 72px
    }

    ._container_6i6j0_1>:nth-child(3) {
        grid-column: 1 / span 2
    }
}

._image_11uoi_1 {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: var(--border-radius-xs);
    overflow: hidden
}

._image_1p12y_1 {
    width: 100%;
    overflow: hidden
}

._image_v75d0_1 {
    width: 100%;
    border-radius: var(--border-radius-xs);
    overflow: hidden;
    transition: border-radius .15s ease-in-out
}

._imageNotRounded_v75d0_8 {
    border-radius: 0
}

._image_fkfo6_1 {
    height: 310px
}

._podcastImage_fkfo6_5 {
    height: 310px;
    width: 310px
}

._newEpisode_fkfo6_10 {
    position: absolute;
    width: 72px;
    top: 25px;
    right: -20px
}

@media only screen and (max-width: 768px) {
    ._image_fkfo6_1 {
        height: 180px;
        width: 180px
    }
}

._image_1rbhx_1 {
    width: 140px
}

._container_1tbj4_1 {
    cursor: pointer;
    border-radius: var(--border-radius-sm);
    transition: var(--animate-hover);
    width: 100%;
    box-sizing: border-box;
    position: relative
}

._container--menu-open_1tbj4_10 {
    z-index: 2
}

@media only screen and (max-width: 768px) {
    ._container_1tbj4_1:hover {
        background-color: transparent
    }
}

._container_1tbj4_1>:only-child {
    height: 100%
}

._actions_1tbj4_24 {
    opacity: 0;
    transition: var(--animate-hover)
}

._container_1tbj4_1:hover ._actions_1tbj4_24,
._actions--menu-open_1tbj4_29 {
    opacity: 1
}

@media only screen and (max-width: 1024px) {
    ._actions_1tbj4_24 {
        opacity: 1
    }
}

._fullWidth_15p4p_1 {
    max-width: 200px;
    max-height: 325px !important;
    object-fit: cover
}

._container_15p4p_7 {
    bottom: 24px;
    left: -24px
}

._thumbnail-duration_15p4p_12 {
    padding: 0 6px;
    left: var(--size-8);
    bottom: var(--size-8)
}

._space_15p4p_18 {
    height: 30px
}

._seetingsMenu_15ngb_1 {
    transition: transform .3s ease-out
}

._menuItem_15ngb_5 {
    cursor: pointer
}

._menuItem_15ngb_5:hover {
    background-color: #fff3
}

._iconContainer_1hiun_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-20);
    height: var(--size-20);
    border-radius: 50%;
    background-color: var(--color-accent-themed)
}

._iconContainerMarker_1hiun_11 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-20);
    height: var(--size-20);
    border: 1px solid white;
    border-radius: 50%;
    background-color: var(--color-accent-themed)
}

._timeline_126zi_1 {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-family: var(--font-family-text);
    border-radius: var(--border-radius-xs)
}

._railContainer_126zi_14 {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    margin: 0 -12px;
    overflow-x: clip
}

._rail_126zi_14 {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: gray
}

._draggable_126zi_29 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-accent-themed);
    cursor: ew-resize;
    border-radius: var(--border-radius-sm)
}

._draggableLeft_126zi_42 {
    margin-left: -12px
}

._draggableRight_126zi_46 {
    margin-right: -12px
}

._tooltip_126zi_50 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    padding: 5px 10px;
    background-color: var(--utility-black, #000);
    color: var(--utility-white, #fff);
    border-radius: var(--border-radius-xs);
    margin-top: 5px;
    white-space: nowrap;
    pointer-events: none;
    font-size: 12px;
    transition: opacity .3s ease;
    z-index: 99999;
    overflow: auto
}

._visible_126zi_68 {
    opacity: 1
}

._hidden_126zi_72 {
    opacity: 0
}

._playback_126zi_76 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-left: -1px
}

._nonSelectable_126zi_87 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

._tick_126zi_96 {
    position: absolute;
    background-color: #fff
}

._lgTick_126zi_101 {
    height: 10px;
    width: 2px;
    background-color: #fff
}

._lgTick_126zi_101>span {
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    position: absolute;
    left: 5px;
    top: 3px
}

._smTick_126zi_115 {
    height: 5px;
    width: 1px
}

._smTick_126zi_115>span {
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    position: absolute;
    left: 5px;
    top: 3px
}

._currentTick_126zi_128 {
    position: absolute;
    height: 7px;
    width: 1.2px;
    background-color: #ff0
}

._selection_126zi_135 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: solid 4px var(--color-accent-themed);
    border-bottom: solid 4px var(--color-accent-themed)
}

._selectionFadeLeft_126zi_143 {
    top: 0;
    bottom: 0;
    left: -12px;
    width: 12px;
    position: absolute;
    background: #fff;
    z-index: 1
}

._selectionFadeRight_126zi_152 {
    top: 0;
    bottom: 0;
    right: -12px;
    width: 12px;
    position: absolute;
    background: #fff;
    z-index: 1
}

._handle_126zi_162 {
    top: 3px;
    bottom: 3px;
    width: 2px;
    background-color: #fff;
    height: 24px;
    border-radius: var(--border-radius-xs)
}

._storyboard_126zi_171,
._ticks_126zi_180 {
    position: absolute;
    inset: 0;
    overflow-x: clip
}

._handles_126zi_189 {
    position: absolute;
    inset: 0
}

._shadow_126zi_197 {
    width: 2px;
    background-color: #fff;
    opacity: .6;
    height: 100%
}

._shadowContainer_126zi_204 {
    position: absolute;
    -webkit-user-select: "none";
    user-select: "none";
    pointer-events: "none";
    height: 100%
}

._timelineThumbnail_sm3wa_1 {
    border-radius: var(--border-radius-sm)
}

._timelineThumbnailSmall_sm3wa_5 {
    border-radius: var(--border-radius-xs)
}

._container_vttm3_1 {
    flex: 1;
    height: 4px;
    transition: height .3s linear, transform .3s linear;
    position: relative;
    cursor: pointer
}

._track_vttm3_11 {
    position: absolute;
    top: 0;
    bottom: 0;
    transition: transform .3s ease;
    background-color: #d0d0d066
}

._trackClippedPlayed_vttm3_19 {
    background-color: var(--color-accent-themed)
}

._trackClippedUnplayed_vttm3_23:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #fff
}

._trackClippedUnplayed_vttm3_23:after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .2;
    background-color: var(--color-accent-themed)
}

._trackFilled_vttm3_38 {
    background-color: #fff
}

._trackExpanded_vttm3_42 {
    transform: scaleY(1.5)
}

._timelineContainer_1inxt_1 {
    height: 20px;
    align-items: flex-end
}

._timeline_1inxt_1 {
    background-color: #d0d0d066;
    flex: 1;
    height: 4px;
    transition: height .3s linear, transform .3s linear;
    position: relative;
    cursor: pointer
}

._timelineHover_1inxt_17 {
    position: absolute;
    background-color: #d0d0d0cc
}

._progress_1inxt_22 {
    position: absolute;
    background-color: #fff;
    transition: transform .3s ease
}

._progressHover_1inxt_28 {
    transform: scaleY(1.5)
}

._tooltip_1inxt_32 {
    position: absolute;
    transform: translate(-50%);
    padding: 4px 6px;
    color: #fff;
    border-radius: var(--border-radius-sm);
    white-space: nowrap;
    pointer-events: none;
    font-weight: var(--font-weight-semibold);
    transition: opacity .3s ease;
    font-family: Courier New, Courier, monospace;
    font-size: 14px;
    bottom: var(--size-16)
}

._timelineLabelContainer_1inxt_47 {
    position: relative;
    display: flex
}

._timelineTimeTooltip_1inxt_52 {
    bottom: var(--size-8);
    left: var(--size-8)
}

._thumbnailContainer_1inxt_57 {
    position: absolute;
    transform: translate(-50%);
    bottom: var(--size-16)
}

._textInput_1inxt_63._textInput_1inxt_63._textInput_1inxt_63 {
    padding: var(--size-8)
}

._volumeBarContainer_1fp5m_1 {
    height: 30px;
    cursor: pointer
}

._volumeBar_1fp5m_1 {
    width: 0;
    height: 4px;
    background-color: #d0d0d066;
    border-radius: var(--border-radius-sm);
    margin-left: 5px;
    position: relative;
    transition: width .3s ease-in-out;
    overflow: hidden
}

._mainContainer_1fp5m_17:hover ._volumeBar_1fp5m_1 {
    width: 100px
}

._volumeLevel_1fp5m_21 {
    height: 4px;
    background-color: #fff;
    border-radius: var(--border-radius-full)
}

._bottomControlsContainer_1kf6p_1 {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    padding: 0;
    transition: transform .5s ease;
    transition-delay: .1s
}

._bottomInnerControlsContainer_1kf6p_12 {
    z-index: 1
}

._backDrop_1kf6p_16 {
    height: 146px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACSCAYAAACE56BkAAAAAXNSR0IArs4c6QAAAPVJREFUKFNlyOlHGAAcxvHuY93H1n1fW1v3fbej+zAmI5PIRGYiM5JEEkkiiSSRRPoj83nze9Pz4uPrSUh4tURPEpKDFJWKtCBdZSAzeKOykB3kqFzkBfmqAIVBkSrGW7wLSlQpyoJyVYHKoEpVoyaoVXWoDxpUI5qCZtWC98EH1YqPwSfVhvagQ3WiK+hWPegN+lQ/BoJBNYRhjASjagzjwYSaxOfgi/qKb8GUmsZMMKvmMB8sqEUsYRnf8QMr+IlV/MIa1rGB39jEFv7gL7axg3/4j13sYR8HOMQRjnGCU5zhHBe4xBWucYNb3OEeD3jEE55fAOe7I9q0+rDDAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity .5s ease;
    transition-delay: .1s;
    pointer-events: none
}

._captionsContainer_1kf6p_30 {
    position: absolute;
    bottom: 40px;
    display: flex;
    left: 0;
    right: 0
}

._centerControlsContainer_1kf6p_38 {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

._settingsControlsContainer_1kf6p_50 {
    position: absolute;
    bottom: 0;
    right: 10px;
    display: flex;
    align-items: center;
    z-index: 1
}

._settingsControlsBox_1kf6p_59 {
    background: rgba(0, 0, 0, .8);
    border-radius: var(--border-radius-sm);
    min-width: 250px
}

._topOverlaysContainer_1kf6p_65 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .6) 100%);
    transition: opacity .5s ease, transform .5s ease;
    will-change: opacity, transform;
    transition-delay: .1s
}

._bottomOverControlsContainer_1kf6p_78 {
    position: absolute;
    bottom: 80px;
    display: flex;
    left: 0;
    padding: 16px 8px 8px;
    transition: opacity .5s ease;
    transition-delay: .1s
}

._castStatus_1kf6p_89 {
    background: rgba(0, 0, 0, .8)
}

._spinner_1kf6p_93 {
    padding: 0;
    color: #fff
}

._parentPush_19mzl_1 {
    display: grid;
    grid-template-columns: 1fr 0px auto;
    transition: var(--animation-timing-fast);
    transition-timing-function: var(--animation-smoothing)
}

._parentPush_19mzl_1._isPushDrawerOpen_19mzl_8 {
    grid-template-columns: 1fr 500px auto;
    transition: var(--animation-timing-fast);
    transition-timing-function: var(--animation-smoothing)
}

._isClosed_19mzl_14 {
    visibility: hidden
}

._drawerWrapper_19mzl_18 {
    max-height: 100dvh
}

._container_1m8b1_1 {
    opacity: .9;
    text-align: center;
    pointer-events: none
}

._text_1m8b1_7 {
    color: #fff;
    font-family: Arial, sans-serif;
    background: rgba(0, 0, 0, .8);
    border-radius: var(--border-radius-sm);
    padding: 10px;
    display: inline-block;
    font-size: 1em;
    pointer-events: none;
    font-weight: var(--font-weight-semibold)
}

._container_x04qw_1 {
    margin-bottom: 20px;
    opacity: .9;
    pointer-events: none
}

._text_x04qw_7 {
    color: #fff;
    font-family: Arial, sans-serif;
    padding: 10px;
    display: inline-block;
    font-size: 1.5em;
    pointer-events: none;
    font-weight: var(--font-weight-semibold)
}

._text-full-screen_x04qw_17 {
    font-size: 2em
}

._speaker_x04qw_21 {
    color: #fff
}

._highlight-word_x04qw_25 {
    background: #ff6719
}

._container_fbvi2_1 {
    position: relative;
    width: 100%;
    height: 30vh;
    background-color: var(--color-dark-bg-primary);
    overflow: hidden
}

._absolute_fbvi2_9 {
    position: absolute;
    inset: 0
}

._canvas_fbvi2_14 {
    width: 100%;
    height: auto;
    display: block
}

._verticalMenuLabel_195m4_1 {
    transition: opacity .3s ease
}

._pill_qhyiq_1 {
    background-color: var(--color-bg-secondary);
    padding: var(--size-4) var(--size-16);
    border-radius: var(--border-radius-full)
}

._pillSelected_qhyiq_7 {
    background-color: var(--color-fg-primary);
    color: var(--color-bg-primary) !important
}

._container_gu8ba_1 {
    overflow: clip;
    background-color: #000
}

._downloadContainer_gu8ba_6 {
    margin: auto;
    height: 40vh;
    max-height: 400px
}

._videoContainer-clip_gu8ba_12 {
    width: 100%
}

._videoContainerWrapper_gu8ba_16 {
    width: 100%;
    height: 100%;
    position: relative
}

._videoIcon_gu8ba_27 {
    stroke: var(--color-utility-white) !important
}

._videoContainer_gu8ba_12 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: auto
}

._video_gu8ba_12 {
    width: 100%;
    height: 100%;
    height: auto;
    display: block;
    margin: 0;
    object-fit: cover;
    padding-bottom: 0
}

._fullScreenContainer_gu8ba_51 {
    height: 100%
}

._playerContainer-vertical_gu8ba_55._playerContainer-vertical_gu8ba_55 {
    background-color: #000;
    border-radius: 0
}

._playerContainer-landscape_gu8ba_60 {
    background-color: #000
}

._playerContainer-vertical_fit_gu8ba_64 {
    width: 100%;
    height: 100%;
    margin: auto;
    align-items: center
}

._videoContainer-vertical_fit_gu8ba_71 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    overflow: hidden;
    margin: auto;
    transform-origin: center center
}

._video-vertical_fit_gu8ba_82 {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    object-fit: cover
}

._playerContainer-vertical_fill_gu8ba_90 {
    width: 100%;
    height: auto;
    margin: auto;
    align-items: center
}

._videoContainer-vertical_fill_gu8ba_97 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    overflow: hidden;
    margin: auto;
    transform-origin: center center;
    transform: scale(3.25)
}

._video-vertical_fill_gu8ba_109 {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    object-fit: cover
}

._videoPlayer_gu8ba_22 {
    height: 100% !important;
    padding-bottom: 0 !important
}

._generateClips_gu8ba_122 {
    background: linear-gradient(208deg, #f4f6fb .74%, #f5eeff 98.18%)
}

._spinner_gu8ba_126 {
    padding: 0
}

._title_gu8ba_130 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

._description_gu8ba_138 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

._backDrop_gu8ba_146 {
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .2) 100%);
    transition: opacity .5s ease;
    transition-delay: .1s;
    pointer-events: none
}

._downloadModal_gu8ba_153._downloadModal_gu8ba_153 {
    max-height: 100vh !important
}

._containerElevated_mj1uy_1 {
    flex: 1;
    padding: 16px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    border: 1px solid var(--color-detail-themed)
}

._containerInline_mj1uy_13 {
    border: 0;
    position: static;
    padding: 0
}

._videoTrimmerWrapper_mj1uy_19 {
    top: -4px
}

._videoTrimmerSlider_mj1uy_23 {
    transition: top .5s ease;
    position: relative;
    top: -200px;
    width: 100%
}

._videoTrimmerSliderVisible_mj1uy_30 {
    top: 0
}

._durationContainer_mj1uy_34 {
    width: 85px
}

._captionsAvailable_mj1uy_38 {
    opacity: 1;
    cursor: pointer
}

._captionsNotAvailable_mj1uy_43 {
    opacity: .7;
    cursor: not-allowed
}

._container--dialog_eq7ft_1 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #16171866
}

._container--overlay_eq7ft_6 {
    border-radius: var(--border-radius-md);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

._container--animated_eq7ft_11 {
    opacity: 0;
    transition: opacity var(--animation-timing-slow) var(--animation-smoothing)
}

._container--animated-in_eq7ft_16 {
    opacity: 1
}

._container--animated_eq7ft_11 ._icon-container_eq7ft_20 {
    transform: var(--transform-pressed);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing)
}

._container--animated-in_eq7ft_16 ._icon-container_eq7ft_20 {
    transform: scale(1)
}

._container--animated_eq7ft_11 ._content-top_eq7ft_29 {
    transform: translateY(-12px);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing)
}

._container--animated-in_eq7ft_16 ._content-top_eq7ft_29 {
    transform: translateY(0)
}

._container--animated_eq7ft_11 ._content-bottom_eq7ft_38 {
    transform: translateY(12px);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing)
}

._container--animated-in_eq7ft_16 ._content-bottom_eq7ft_38 {
    transform: translateY(0)
}

._icon-container_eq7ft_20 {
    background-color: #fff3;
    width: var(--size-44);
    height: var(--size-44)
}

._inlineIconContainer_eq7ft_53 {
    background-color: #fff3;
    width: var(--size-24);
    height: var(--size-24);
    color: #fff
}

._restart-button_eq7ft_60 {
    border-color: #fff !important;
    color: #fff !important
}

._restart-button_eq7ft_60:hover {
    background-color: #ffffff1a !important
}

._restart-button_eq7ft_60 svg {
    stroke: #fff !important
}

@media screen and (max-width: 768px) {
    ._icon-container_eq7ft_20 {
        width: var(--size-32);
        height: var(--size-32)
    }
}

._preview-label-container_16l1g_1 {
    position: absolute;
    top: var(--size-12);
    left: var(--size-12)
}

._videoContainer_16l1g_7 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-md)
}

._overflow_16l1g_18 {
    overflow: visible
}

._notesVideoContainer_16l1g_22 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

._pub-logo_xhoc2_1 {
    flex-shrink: 0
}

._pub-logo--border-white_xhoc2_5 {
    box-sizing: content-box;
    border: 2px solid #fff
}

._header_2121e_1 {
    transition: opacity var(--animation-timing-slow) var(--animation-smoothing)
}

._icon_192j7_1 {
    opacity: .6;
    transition: var(--animate-hover);
    color: #fff;
    cursor: pointer
}

._icon_192j7_1:hover {
    opacity: 1
}

._popoverContainer_192j7_12 {
    display: flex;
    align-items: center
}

._popoverLayer_192j7_17 {
    background-color: var(--color-bg-primary-themed)
}

._dropdownItem_192j7_21 {
    cursor: pointer
}

._dropdownItem_192j7_21:hover {
    background-color: var(--color-bg-primary-hover-themed)
}

._skip-button_8pw72_1 {
    cursor: pointer
}

._skip-icon_8pw72_5 {
    display: block;
    fill: #fff;
    opacity: .6;
    transition: var(--animate-hover)
}

._skip-icon_8pw72_5:hover {
    opacity: 1
}

._playbackRate_8pw72_16 {
    opacity: .6;
    transition: var(--animate-hover);
    cursor: pointer
}

._playbackRate_8pw72_16:hover {
    opacity: 1
}

._timestamp_ov15f_1 {
    font-variant-numeric: tabular-nums
}

._track-container_ov15f_5 {
    position: relative;
    height: 20px;
    flex-grow: 1;
    cursor: pointer
}

._track_ov15f_5 {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    height: 4px;
    border-radius: var(--border-radius-full);
    background: rgba(255, 255, 255, .25)
}

._track-played_ov15f_22 {
    position: absolute;
    top: 8px;
    left: 0;
    height: 4px;
    border-radius: var(--border-radius-full);
    background: #fff
}

._track-drag-time_ov15f_31 {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    color: #fff !important;
    padding: var(--size-4) var(--size-8);
    border-radius: var(--border-radius-sm);
    transform: translate(-50%, -100%);
    -webkit-user-select: none;
    user-select: none;
    font-variant-numeric: tabular-nums
}

._track-handle_ov15f_42 {
    position: absolute;
    top: 4px;
    margin-left: -6px;
    height: 12px;
    width: 12px;
    border-radius: var(--border-radius-full);
    background: #fff;
    cursor: grab
}

._backgroundImage_11xim_1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

._backgroundBlur_11xim_7 {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, .4))
}

._backgroundDarkenRight_11xim_12 {
    background-color: #000000b3
}

._controlsCentered_feddw_1 {
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%)
}

._track_feddw_7 {
    transition: opacity var(--animation-timing-slow) var(--animation-smoothing)
}

._quoteText_ajuia_1 {
    line-height: var(--line-height-28);
    color: var(--color-fg-primary);
    font-size: var(--font-size-17);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    overflow: hidden
}

._quoteText_ajuia_1._short_ajuia_10 {
    font-size: var(--font-size-20);
    line-height: var(--line-height-32)
}

@media (max-width: 600px) {
    ._quoteText_ajuia_1 {
        font-size: var(--font-size-16);
        line-height: var(--line-height-24);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8
    }

    ._quoteText_ajuia_1._short_ajuia_10 {
        font-size: var(--font-size-18);
        line-height: var(--line-height-28)
    }
}

._quote_ajuia_1 {
    background-color: var(--color-bg-primary);
    overflow: hidden;
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._quote_ajuia_1:hover {
        box-shadow: var(--shadow-md)
    }
}

._saveButton_ajuia_40 {
    opacity: .5
}

._saveButton_ajuia_40._saved_ajuia_42 {
    opacity: 1
}

@media (hover: hover) {
    ._saveButton_ajuia_40:hover {
        opacity: 1;
        background-color: var(--color-bg-tertiary) !important
    }
}

._saveIcon_ajuia_53 {
    transition: fill-opacity var(--animation-timing-fast) var(--animation-smoothing)
}

._quoteBottom_ajuia_58 {
    background-color: var(--color-bg-secondary)
}

._reactionsHoverZone_aevtb_1:hover ._reactionsContainer_aevtb_1 {
    opacity: 1;
    pointer-events: all
}

._reactionsContainer_aevtb_1 {
    position: absolute;
    top: calc(-1 * var(--size-16));
    right: var(--size-12);
    gap: var(--size-4);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    flex-direction: row-reverse
}

._reactionsContainer_aevtb_1._outgoing_aevtb_16 {
    flex-direction: row;
    left: var(--size-12);
    right: unset
}

._emojiGrid_aevtb_23 {
    display: grid;
    grid-template-columns: repeat(9, 1fr)
}

._reaction_aevtb_1 {
    border-radius: var(--border-radius-full);
    background-color: var(--color-bg-primary);
    height: var(--size-24);
    min-width: var(--size-32);
    box-sizing: border-box;
    cursor: pointer
}

._reaction_aevtb_1:hover {
    background-color: var(--color-bg-secondary)
}

._selected_aevtb_41 {
    background-color: var(--color-chat-outgoing-bg-primary)
}

._selected_aevtb_41:hover {
    background-color: var(--color-chat-outgoing-bg-secondary)
}

._nameCard_aevtb_49 {
    min-width: 75px
}

._emojiBox_aevtb_53 {
    transition: var(--animate-hover)
}

._emojiBox_aevtb_53:hover {
    background-color: var(--color-bg-secondary)
}

._addReactButton_aevtb_61 {
    border-radius: var(--border-radius-full);
    background-color: var(--color-bg-elevated-primary);
    height: var(--size-24);
    width: var(--size-28);
    cursor: pointer;
    justify-content: center;
    transition: var(--animate-hover)
}

._addReactButton_aevtb_61:hover {
    background-color: var(--color-bg-secondary)
}

._addReactButton_aevtb_61:active {
    transform: scale(.95)
}

._emojiPopover_aevtb_79 {
    overflow: auto;
    padding: var(--size-8)
}

._show_aevtb_84 {
    opacity: 1;
    visibility: visible
}

._messageBubbleGroup_1rwl7_1 {
    --color-chat-outgoing-bg-primary: var(--color-accent-fg-blue);
    --color-chat-outgoing-bg-quote: #0045a7;
    --color-chat-outgoing-fg-primary: var(--color-utility-white);
    --color-chat-outgoing-fg-secondary: var(--color-utility-white);
    --color-chat-outgoing-fg-quote: var(--color-fg-primary);
    --color-chat-outgoing-link: var(--color-chat-outgoing-fg-primary);
    --color-chat-outgoing-fg-quote: var(--color-utility-white);
    --color-chat-incoming-bg-primary: var(--color-bg-secondary);
    --color-chat-incoming-bg-secondary: var(--color-bg-tertiary);
    --color-chat-incoming-bg-quote: var(--color-accent-bg-blue);
    --color-chat-incoming-fg-primary: var(--color-fg-primary);
    --color-chat-incoming-fg-secondary: var(--color-fg-secondary);
    --color-chat-incoming-fg-quote: var(--color-fg-primary)
}

.dark-mode ._messageBubbleGroup_1rwl7_1 {
    --color-chat-outgoing-bg-primary: var(--color-accent-fg-blue);
    --color-chat-outgoing-fg-primary: var(--color-utility-white);
    --color-chat-outgoing-fg-secondary: rgba(255, 255, 255, .6);
    --color-chat-incoming-fg-quote: var(--color-utility-white)
}

._bubble_1rwl7_28 {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: var(--border-radius-lg)
}

._bubble_1rwl7_28:hover {
    box-shadow: inset 0 0 500px #0000001a
}

._bubble_1rwl7_28 {
    --color-chat-author-bg-overlay: rgba(var(--color-bg-accent-themed-rgb), .1);
    --color-chat-fg-secondary: var(--color-chat-incoming-fg-secondary);
    --color-chat-reply-active: var(--color-semantic-select-fg-primary);
    background-color: var(--color-chat-incoming-bg-primary)
}

._bubble_1rwl7_28:not(._isFirst_1rwl7_42) {
    border-top-left-radius: var(--border-radius-sm)
}

._bubble_1rwl7_28:not(._isLast_1rwl7_46) {
    border-bottom-left-radius: var(--border-radius-sm)
}

._bubble_1rwl7_28 ._quote_1rwl7_50 {
    background-color: var(--color-chat-incoming-bg-quote);
    color: var(--color-chat-incoming-fg-quote)
}

._bubble_1rwl7_28 ._paywallReplyTag_1rwl7_55 {
    border-radius: var(--border-radius-full);
    background-color: var(--color-chat-incoming-bg-secondary)
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._forceIncomingTheme_1rwl7_61) {
    --color-chat-fg-secondary: var(--color-chat-outgoing-fg-secondary);
    --color-chat-reply-active: var(--color-chat-outgoing-fg-primary);
    background-color: var(--color-chat-outgoing-bg-primary);
    color: var(--color-chat-outgoing-fg-primary)
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._forceIncomingTheme_1rwl7_61) ._body_1rwl7_67 a {
    color: var(--color-chat-outgoing-link);
    text-decoration: underline
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._forceIncomingTheme_1rwl7_61) ._quote_1rwl7_50 {
    background-color: var(--color-chat-outgoing-bg-quote);
    color: var(--color-chat-outgoing-fg-quote)
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._forceIncomingTheme_1rwl7_61) ._paywallReplyTag_1rwl7_55 {
    background-color: var(--color-chat-outgoing-bg-secondary)
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._isFirst_1rwl7_42) {
    border-top-right-radius: var(--border-radius-sm)
}

._bubble_1rwl7_28._outgoing_1rwl7_60:not(._isLast_1rwl7_46) {
    border-bottom-right-radius: var(--border-radius-sm)
}

._bubble_1rwl7_28._author_1rwl7_91 {
    background-image: linear-gradient(var(--color-chat-author-bg-overlay), var(--color-chat-author-bg-overlay)), linear-gradient(var(--color-bg-secondary), var(--color-bg-secondary))
}

._reactions-1_1rwl7_100 {
    min-width: 100px
}

._reactions-2_1rwl7_104 {
    min-width: 140px
}

._reactions-3_1rwl7_108 {
    min-width: 180px
}

._youtubeIframe_1rwl7_112 {
    width: 400px;
    aspect-ratio: 16 / 9
}

@keyframes _highlight-animation_1rwl7_1 {
    0% {
        opacity: 1
    }

    25% {
        opacity: .2
    }

    70% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

._highlight_1rwl7_132 {
    animation: _highlight-animation_1rwl7_1 1.5s cubic-bezier(.75, 0, .5, 1)
}

._imageGroup_1rwl7_136 {
    --max-width: 400px;
    max-width: var(--max-width);
    --big-radius: var(--border-radius-sm)
}

._imageGroup_1rwl7_136._outgoing_1rwl7_60,
._imageGroup_1rwl7_136._incoming_1rwl7_144 {
    background-color: transparent
}

._postImage_1rwl7_149 {
    --aspect-ratio: 9/16;
    height: calc(400px * var(--aspect-ratio));
    width: 100%;
    object-fit: cover
}

._b4_1rwl7_156 {
    color: inherit !important
}

._bubbs_1rwl7_160 {
    position: absolute;
    width: 16px;
    height: 13px;
    bottom: -2px
}

._bubbs_1rwl7_160._outgoing_1rwl7_60 {
    right: -6px
}

._bubbs_1rwl7_160._outgoing_1rwl7_60 ._bubb_1rwl7_28 {
    fill: var(--color-chat-outgoing-bg-primary)
}

._bubbs_1rwl7_160._outgoing_1rwl7_60._isLink_1rwl7_172 ._bubb_1rwl7_28 {
    fill: var(--color-chat-incoming-bg-primary)
}

._bubbs_1rwl7_160._incoming_1rwl7_144 {
    left: -6px;
    transform: scaleX(-1)
}

._bubbs_1rwl7_160._incoming_1rwl7_144 ._bubb_1rwl7_28 {
    fill: var(--color-chat-incoming-bg-primary)
}

._bubbs_1rwl7_160._author_1rwl7_91 {
    fill: rgba(var(--color-bg-accent-themed-rgb), .1)
}

._body_1rwl7_67 a {
    color: var(--color-semantic-highlight-fg-primary)
}

._body_1rwl7_67 a:hover {
    text-decoration: underline
}

._linkImage_1rwl7_202 {
    height: auto;
    width: 100%;
    object-fit: cover
}

._linkImage_1rwl7_202._small_1rwl7_207 {
    height: var(--size-64);
    width: var(--size-64)
}

._actions_1rwl7_213 {
    opacity: 0
}

._actionsWrapper_1rwl7_216 {
    gap: var(--size-2)
}

._actionsWrapper_1rwl7_216:hover ._actions_1rwl7_213 {
    opacity: 1
}

@keyframes _typing_1rwl7_1 {
    0% {
        -webkit-transform: translateY(0px)
    }

    28% {
        -webkit-transform: translateY(-5px)
    }

    44% {
        -webkit-transform: translateY(0px)
    }
}

._dots_1rwl7_235 {
    gap: 3px
}

._dot_1rwl7_235 {
    background-color: var(--color-fg-secondary);
    animation: _typing_1rwl7_1 2s infinite ease-in-out;
    -webkit-animation: _typing_1rwl7_1 2s infinite ease-in-out
}

._dot_1rwl7_235:nth-child(1) {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

._dot_1rwl7_235:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

._dot_1rwl7_235:nth-child(3) {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

._flip_1rwl7_260 {
    transform: scaleX(-1)
}

._bubbleStack_o44ic_1>* {
    border-radius: var(--border-radius-sm) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm);
    transition: var(--animate-hover);
    max-width: 400px;
    box-sizing: border-box
}

._bubbleStack_o44ic_1>*._bubble_o44ic_1:hover,
._bubbleStack_o44ic_1>*._linkBubble_o44ic_9:hover {
    box-shadow: inset 0 0 500px #0000001a
}

._bubbleStack_o44ic_1>*:first-child ._bubble_o44ic_1,
._bubbleStack_o44ic_1>*._bubble_o44ic_1:first-child,
._bubbleStack_o44ic_1>*._paywallBubble_o44ic_15:first-child,
._bubbleStack_o44ic_1>*:first-child ._imageGroup_o44ic_16,
._bubbleStack_o44ic_1>*:first-child ._linkBubble_o44ic_9 {
    border-top-left-radius: var(--border-radius-lg)
}

._bubbleStack_o44ic_1:not(._hasFooter_o44ic_22)>*:last-child ._bubble_o44ic_1,
._bubbleStack_o44ic_1:not(._hasFooter_o44ic_22)>*._bubble_o44ic_1:last-child,
._bubbleStack_o44ic_1:not(._hasFooter_o44ic_22)>*._imageGroup_o44ic_16:last-child,
._bubbleStack_o44ic_1:not(._hasFooter_o44ic_22)>*._linkBubble_o44ic_9:last-child {
    border-bottom-left-radius: var(--border-radius-lg)
}

._bubble_o44ic_1 {
    border-radius: var(--border-radius-sm) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm);
    transition: var(--animate-hover);
    font-family: var(--font-family-text);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-24);
    white-space: pre-line;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: var(--color-fg-primary);
    cursor: pointer;
    contain: content
}

._bubble_o44ic_1:hover {
    box-shadow: inset 0 0 500px #0000001a
}

._body_o44ic_51 {
    min-width: 0
}

._body_o44ic_51 a {
    color: var(--color-semantic-highlight-fg-primary)
}

._body_o44ic_51 a:hover {
    text-decoration: underline
}

._body_o44ic_51 span {
    line-height: var(--line-height-feed)
}

._authorName_o44ic_64 {
    padding-right: var(--size-4)
}

._facepileAvatar_o44ic_68 {
    box-shadow: 0 0 0 3px var(--color-chat-incoming-bg-primary);
    box-sizing: border-box
}

._facepileAvatar_o44ic_68._outgoing_o44ic_72 {
    box-shadow: 0 0 0 2px var(--color-chat-outgoing-bg-primary)
}

._facepile_o44ic_68>*+* {
    margin-left: -3px
}

._readMore_o44ic_81 {
    display: inline;
    color: var(--color-chat-incoming-fg-secondary);
    cursor: pointer;
    float: right;
    font-size: inherit;
    line-height: inherit
}

._readMore_o44ic_81:hover {
    text-decoration: underline
}

._readMore_o44ic_81._outgoing_o44ic_72 {
    color: var(--color-chat-outgoing-fg-secondary)
}

._paywallBubble_o44ic_15 {
    position: relative;
    height: 160px;
    width: 350px;
    overflow: hidden;
    background-image: url(../../img/reader/paywall-noise.png);
    background-size: 1000px 160px
}

._pixels_o44ic_106 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._linkBubble_o44ic_9 {
    text-decoration: none;
    min-width: 400px
}

._linkImg_o44ic_119 {
    width: 72px;
    height: 72px !important;
    border-radius: var(--border-radius-sm);
    object-fit: cover
}

._linkUrl_o44ic_126 {
    max-width: 240px
}

._linkTitle_o44ic_130 {
    font-size: 18px;
    line-height: 26px
}

._ctaButton_o44ic_135 {
    border-radius: var(--border-radius-md)
}

._reactionsWrapper_o44ic_139 {
    position: relative
}

._actions_o44ic_143 {
    opacity: 0;
    pointer-events: none;
    align-self: stretch;
    transition: opacity var(--animation-timing-faster) var(--animation-smoothing)
}

._avatarContainer_o44ic_150:hover ._actions_o44ic_143 {
    opacity: 1;
    pointer-events: all
}

@keyframes _highlight-animation_o44ic_1 {
    0% {
        opacity: 1
    }

    25% {
        opacity: .2
    }

    70% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

._highlight_o44ic_170 {
    animation: _highlight-animation_o44ic_1 1.5s cubic-bezier(.75, 0, .5, 1)
}

._imageGroup_o44ic_16 {
    --max-width: 400px;
    max-width: var(--max-width);
    --big-radius: var(--border-radius-sm)
}

._imageGroup_o44ic_16:not(._isLast_o44ic_180) {
    border-bottom-left-radius: var(--border-radius-sm)
}

._quoteBox_o44ic_185 {
    background-color: var(--color-accent-bg-blue);
    font-size: var(--font-size-14);
    line-height: var(--line-height-feed);
    max-width: 352px;
    color: var(--color-fg-primary);
    overflow: hidden
}

._quote_o44ic_185._incoming_o44ic_195 {
    background-color: var(--color-chat-incoming-bg-quote);
    color: var(--color-chat-incoming-fg-quote)
}

._quote_o44ic_185._incoming_o44ic_195._notFirst_o44ic_199 {
    border-top-left-radius: var(--border-radius-sm)
}

._quote_o44ic_185._outgoing_o44ic_72 {
    background-color: var(--color-chat-outgoing-bg-quote);
    color: var(--color-chat-outgoing-fg-quote)
}

._quote_o44ic_185._outgoing_o44ic_72._notFirst_o44ic_199 {
    border-top-right-radius: var(--border-radius-sm)
}

._quote_o44ic_185._author_o44ic_64 {
    background-image: linear-gradient(var(--color-chat-author-bg-overlay), var(--color-chat-author-bg-overlay)), linear-gradient(var(--color-bg-tertiary), var(--color-bg-tertiary))
}

._hasUnread_o44ic_217 {
    color: var(--color-chat-reply-active)
}

._noUnread_o44ic_221 {
    color: var(--color-chat-fg-secondary)
}

._paywallReplyTag_o44ic_225 {
    border-radius: var(--border-radius-full);
    background-color: var(--color-chat-incoming-bg-secondary);
    border-width: 0;
    padding: 0 var(--size-8);
    height: var(--size-24);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

._paywallReplyTag_o44ic_225._media_o44ic_234 {
    background-color: var(--material-regular);
    color: var(--vibrance-primary);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: var(--border-default)
}

._paywallReplyTag_o44ic_225._center_o44ic_241 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

._paywallReplyTag_o44ic_225._right_o44ic_248 {
    position: absolute;
    bottom: var(--size-6);
    right: var(--size-6)
}

._paywallReplyTag_o44ic_225._iconOnly_o44ic_254 {
    background-color: transparent;
    border: none;
    opacity: .5;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

._paywallFade_o44ic_262 {
    background: linear-gradient(rgba(var(--color-bg-secondary-rgb), .2), rgba(var(--color-bg-secondary-rgb), .2)), radial-gradient(circle at center, rgba(var(--color-bg-secondary-rgb), 0) 0%, rgba(var(--color-bg-secondary-rgb), .1) 20%, rgba(var(--color-bg-secondary-rgb), .2) 30%, rgba(var(--color-bg-secondary-rgb), .3) 40%, rgba(var(--color-bg-secondary-rgb), .4) 50%, rgba(var(--color-bg-secondary-rgb), .5) 60%, rgba(var(--color-bg-secondary-rgb), .6) 70%, rgba(var(--color-bg-secondary-rgb), .7) 80%, rgba(var(--color-bg-secondary-rgb), .8) 90%, rgba(var(--color-bg-secondary-rgb), .9) 100%)
}

._paywallBlur_o44ic_279 {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

._paywallText_o44ic_283 {
    -webkit-user-select: none;
    user-select: none
}

._rowBorderBottom_1klhe_1 {
    border-bottom: var(--border-default)
}

._table_1klhe_5 {
    border-collapse: collapse;
    overflow: scroll;
    max-height: 100%;
    flex-grow: 1
}

._modal_1klhe_12 {
    max-width: 50vw;
    height: 60vh;
    width: auto !important;
    display: flex !important
}

@media (max-width: 640px) {
    ._modal_1klhe_12 {
        max-width: 100vw
    }
}

._noGrow_1klhe_23 {
    flex: 0
}

._grow_1klhe_27 {
    flex: 1
}

._cellPadding_1klhe_33 {
    padding: 4px
}

._cookieBanner_t11f1_1 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--color-bg-primary);
    padding: 10px;
    text-align: center;
    box-shadow: 0 -2px 5px #0003;
    z-index: 1000
}

._cookieBannerHide_t11f1_13 {
    opacity: -100%
}

._innerFaceContainer_18qg1_1 {
    position: relative
}

._primaryFace_18qg1_5 {
    outline: 4.4px solid var(--color-bg-primary-themed);
    filter: drop-shadow(0px 0px 4.4px rgba(0, 0, 0, .2)) drop-shadow(0px 8.8px 17.6px rgba(0, 0, 0, .1))
}

._pubLogo_18qg1_10 {
    right: 0;
    bottom: -10px;
    position: absolute
}

._pubLogo_18qg1_10>div {
    overflow: visible;
    filter: drop-shadow(0px 0px 4.4px rgba(0, 0, 0, .2)) drop-shadow(0px 8.8px 17.6px rgba(0, 0, 0, .1));
    border-radius: var(--border-radius-sm)
}

._appButton_18qg1_21._appButton_18qg1_21._appButton_18qg1_21._appButton_18qg1_21 {
    width: 100%;
    margin: 0;
    height: var(--size-48)
}

._chatMessageContainer_18qg1_27 {
    width: 100%
}

._chatMessage_18qg1_27 {
    background: var(--color-bg-secondary-themed, #eeeeee)
}

._chatMessageReadMore_18qg1_35 {
    width: -webkit-fit-content;
    width: fit-content
}

._divider_kptnd_1._divider_kptnd_1._divider_kptnd_1 hr {
    width: 100%;
    margin: 0;
    height: 0;
    background: none;
    border: none;
    border-top: var(--border-default)
}

._divider_kptnd_1._divider_kptnd_1._divider_kptnd_1._vertical_kptnd_10 {
    width: 1px;
    height: 100%
}

._divider_kptnd_1._divider_kptnd_1._divider_kptnd_1._vertical_kptnd_10 hr {
    height: 100%;
    border: none;
    border-left: var(--border-default)
}

._priority_detail-themed_kptnd_22._priority_detail-themed_kptnd_22._priority_detail-themed_kptnd_22 hr {
    border-color: var(--color-detail-themed)
}

._priority_detail_kptnd_22._priority_detail_kptnd_22._priority_detail_kptnd_22 hr {
    border-color: var(--color-utility-detail)
}

._root_1yy07_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 16px;
    scroll-snap-align: center;
    height: 100%
}

._rootHover_1yy07_12:hover ._image_1yy07_12,
._linkHovered_1yy07_13 ._image_1yy07_12 {
    opacity: .9
}

._rootHover_1yy07_12:hover ._image_1yy07_12,
._linkHovered_1yy07_13 ._download_1yy07_18 {
    opacity: .8;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, .3))
}

._root_1yy07_1._sharePage_1yy07_23 {
    margin-bottom: 0;
    display: block
}

._tableRoot_1yy07_28 {
    align-items: center;
    justify-content: center;
    text-align: center
}

._link_1yy07_13 {
    width: 100%;
    max-width: (100%, 298px);
    cursor: pointer;
    text-decoration: unset;
    height: 100%
}

._linkVariableHeight_1yy07_42 {
    height: auto
}

._download_1yy07_18 {
    opacity: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-full);
    background-color: #fff;
    z-index: 10
}

._image_1yy07_12 {
    max-width: min(100%, 298px);
    max-height: 100%;
    object-fit: contain;
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._image_1yy07_12._sharePage_1yy07_23 {
    width: auto;
    height: 250px
}

._image_1yy07_12._inline_1yy07_76 {
    width: auto;
    height: 150px
}

._image_1yy07_12._secondaryBorder_1yy07_81 {
    border: var(--border-default)
}

._imageLoading_1yy07_85 {
    background-color: #f5f5f5;
    width: 298px
}

._imageEmail_1yy07_90 {
    width: 502px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._text_1yy07_96 {
    flex: 1;
    margin: auto;
    color: gray
}

._buttons_1yy07_102 {
    position: absolute;
    bottom: 0;
    margin: 8px;
    width: calc(100% - 16px)
}

._button_1yy07_102 {
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, .3));
    justify-content: center;
    text-decoration: unset
}

._range-slider_1k336_1 {
    position: relative;
    min-width: 150px;
    width: 100%;
    height: 20px
}

._range-slider__rail_1k336_8 {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ddd;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--radius-radius-full, 999px)
}

._range-slider__track_1k336_18 {
    position: absolute;
    height: 4px;
    background: black;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--radius-radius-full, 999px)
}

._range-slider__thumb_1k336_27 {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    border: 2px solid black;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

._mainContainer_793sk_2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

._speechBubble_793sk_9 {
    position: absolute;
    z-index: 1000;
    width: 250px;
    padding: 10px;
    background-color: #fff;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 -4px 20px #0000001a;
    top: calc(100% + 15px);
    left: 50%;
    transform: translate(-50%)
}

._speechBubble_793sk_9:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white
}

._childrenContainer_793sk_41 {
    position: relative;
    z-index: 1
}

._container_k6n3s_1 {
    padding: 20px
}

._label_k6n3s_5 {
    cursor: pointer
}

._input_k6n3s_9 {
    box-sizing: border-box;
    border-radius: var(--border-radius-md);
    width: 28px;
    height: 28px;
    border: 1px var(--color-utility-detail) solid;
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

._selectedInput_k6n3s_21 {
    border: 8px var(--color-accent-themed) solid
}

._iframe_1o24f_1 {
    border: none;
    transform-origin: top left;
    display: block;
    border-radius: var(--border-radius-md)
}

._codeInput_1o24f_8 {
    box-sizing: border-box;
    font-family: monospace !important;
    flex: "1 1 1px";
    background-color: var(--color-bg-secondary)
}

._divider_ka50k_1 {
    border-top: var(--border-default);
    box-sizing: border-box;
    width: 100%
}

._offset_ka50k_7 {
    margin-left: -2px;
    margin-bottom: -2px
}

._shareIconContainer_ka50k_12 {
    width: var(--size-24);
    height: var(--size-24);
    background: var(--color-fg-secondary)
}

._dropdownMenu_ka50k_18 {
    z-index: 1
}

._textarea_cac0r_1 {
    box-sizing: border-box;
    width: 100%;
    font-family: var(--font-family-text);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    letter-spacing: var(--letter-spacing-20);
    line-height: var(--line-height-24);
    resize: none;
    min-height: 132px;
    padding: 12px;
    border-radius: var(--border-radius-sm);
    border: solid 1px var(--color-utility-detail);
    color: var(--color-light-primary)
}

._textarea_cac0r_1::placeholder {
    color: var(--color-light-tertiary)
}

._postPreview_cac0r_20 {
    border: solid 1px var(--color-utility-detail);
    border-radius: var(--border-radius-sm)
}

._modalWrap_cac0r_25 {
    padding: .5rem 1rem 1.5rem
}

._select_cac0r_29 {
    height: 40px
}

._mediaCarousel_4rwlp_1 {
    display: flex;
    overflow-x: auto;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 50%;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._mediaCarousel_4rwlp_1::-webkit-scrollbar {
    display: none
}

._pressKitImageContainer_4rwlp_17 {
    width: auto;
    flex: 0 0 auto
}

._scrollContainer_4rwlp_22 {
    position: relative;
    background-image: linear-gradient(to bottom, rgb(var(--color-bg-primary-raw) / 1), rgb(var(--color-bg-primary-raw) / .75));
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    z-index: 1
}

._carouselParent_4rwlp_34 {
    position: relative;
    width: 100%
}

._carouselArrow_4rwlp_39 {
    width: var(--size-40);
    z-index: inherit
}

._carouselArrow_4rwlp_39:hover svg {
    stroke: var(--color-fg-primary)
}

._carouselArrow_4rwlp_39 svg {
    stroke: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._bg_4rwlp_53 {
    position: absolute;
    width: var(--size-112);
    height: 100%;
    pointer-events: none
}

@media (max-width: 650px) {
    ._bg_4rwlp_53 {
        width: var(--size-64);
        opacity: .75
    }
}

._fade_4rwlp_67 {
    display: flex;
    position: absolute;
    height: 100%;
    opacity: 0;
    transition: var(--animate-hover);
    align-items: center
}

._visible_4rwlp_76 {
    opacity: 1
}

._left_4rwlp_80 {
    left: 0;
    justify-content: flex-start
}

._left_4rwlp_80 ._bg_4rwlp_53,
._left_4rwlp_80 ._bgSecondary_4rwlp_86 {
    background: linear-gradient(to right, var(--color-bg-primary) var(--size-16), rgb(var(--color-bg-primary-raw) / 0))
}

._right_4rwlp_90 {
    right: 0;
    justify-content: flex-end
}

._right_4rwlp_90 ._bg_4rwlp_53,
._right_4rwlp_90 ._bgSecondary_4rwlp_86 {
    background: linear-gradient(to left, var(--color-bg-primary) var(--size-36), rgb(var(--color-bg-primary-raw) / 0))
}

._containerArrows_4rwlp_100 {
    z-index: 1
}

._step_15kby_1 {
    flex: 0 0 30px
}

._download_1604k_1 {
    position: absolute;
    right: 0;
    bottom: 0
}

._disabledButton_1604k_7._disabledButton_1604k_7 {
    cursor: not-allowed;
    opacity: .5
}

._placeholder_17gkd_1 {
    background-color: var(--color_theme_bg_contrast_1, var(--color-bg-secondary));
    border-radius: var(--border-radius-sm);
    width: 100%;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center
}

._placeholderMessage_17gkd_11 {
    max-width: 300px
}

._shimmer_163hg_1 {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: _shimmerAnimation_163hg_1;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, #d6d6d6 8%, #a8a8a8 18%, #d6d6d6 33%);
    background-size: 1200px 100%
}

@keyframes _shimmerAnimation_163hg_1 {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}

._icon_163hg_31 {
    bottom: 0;
    right: -6px
}

._errorIcon_163hg_36 {
    background-color: var(--color-accent-fg-red)
}

.dark-mode ._elevatedTheme_jpget_1 {
    --color-bg-primary: var(--color-dark-bg-secondary);
    --color-bg-primary-hover: var(--color-dark-bg-secondary);
    --color-bg-secondary: var(--color-dark-bg-tertiary);
    --color-bg-tertiary: rgb(var(--color-primitive-gray-600-rgb));
    --color-button-secondary-bg: var(--color-bg-secondary);
    --color-button-secondary-bg-hover: var(--color-bg-tertiary);
    --color-button-tertiary-bg-hover: var(--color-bg-secondary);
    --color-button-disabled-bg: var(--color-bg-secondary)
}

:root,
.light-theme {
    --color-light-primary: rgb(54, 55, 55);
    --color-light-secondary: rgb(119, 119, 119);
    --color-light-tertiary: rgb(182, 182, 182);
    --color-light-detail: rgba(0, 0, 0, .1);
    --color-light-detail-tooltip: transparent;
    --color-light-bg-primary-rgb: 255, 255, 255;
    --color-light-bg-primary-raw: 255 255 255;
    --color-light-bg-primary: rgb(var(--color-light-bg-primary-rgb));
    --color-light-bg-primary-hover-rgb: 250, 250, 250;
    --color-light-bg-primary-hover: rgb(var(--color-light-bg-primary-hover-rgb));
    --color-light-bg-secondary: rgb(238, 238, 238);
    --color-light-bg-secondary-rgb: 238, 238, 238;
    --color-light-bg-tertiary: rgb(219, 219, 219);
    --color-light-accent-red-rgb: 235, 87, 87;
    --color-light-accent-yellow-rgb: 255, 193, 48;
    --color-light-accent-green-rgb: 92, 210, 125;
    --color-light-accent-purple-rgb: 112, 45, 255;
    --color-light-accent-orange-rgb: 255, 103, 25;
    --color-dark-primary: rgb(238, 238, 238);
    --color-dark-secondary: rgb(119, 119, 119);
    --color-dark-tertiary: rgb(90, 91, 91);
    --color-dark-detail: rgba(255, 255, 255, .1);
    --color-dark-detail-tooltip: var(--color-dark-detail);
    --color-dark-bg-primary: rgb(22, 23, 24);
    --color-dark-bg-primary-hover: rgb(27, 28, 29);
    --color-dark-bg-secondary: rgb(35, 37, 37);
    --color-dark-bg-tertiary: rgb(54, 55, 55);
    --color-dark-bg-primary-rgb: 22, 23, 24;
    --color-dark-bg-primary-raw: 22 23 24;
    --color-dark-bg-primary-hover-rgb: 27, 28, 29;
    --color-dark-bg-secondary-rgb: 35, 37, 37;
    --color-dark-accent-red-rgb: 255, 107, 107;
    --color-dark-accent-yellow-rgb: 255, 193, 48;
    --color-dark-accent-green-rgb: 83, 208, 156;
    --color-dark-accent-purple-rgb: 144, 93, 255;
    --color-dark-accent-orange-rgb: 255, 110, 36;
    --color-detail-tooltip: var(--color-light-detail-tooltip);
    --color-bg-primary-rgb: var(--color-light-bg-primary-rgb);
    --color-bg-primary-raw: var(--color-light-bg-primary-raw);
    --color-bg-primary-hover: var(--color-light-bg-primary-hover);
    --color-bg-primary-hover-rgb: var(--color-light-bg-primary-hover-rgb);
    --color-bg-secondary-rgb: var(--color-light-bg-secondary-rgb);
    --color-bg-tooltip: var(--color-dark-bg-primary);
    --color-bg-tooltip-hover: var(--color-dark-bg-secondary);
    --color-bg-marketing-green: #2f6d5d;
    --color-accent-primary: var(--color-accent-fg-orange);
    --color-bg-accent-primary: var(--color-accent-bg-orange);
    --color-bg-accent-primary-hover: var(--color-accent-bg-orange);
    --color-data-green: #27ae60;
    --color-data-green-rgb: 39, 174, 96;
    --color-data-blue: #a1c2eb;
    --color-data-blue-rgb: 161, 194, 235;
    --color-data-red: #d35b4b;
    --color-data-red-rgb: 211, 91, 75;
    --color-primary-themed: var(--print_on_web_bg_color, var(--color-fg-primary));
    --color-secondary-themed: var(--print_secondary_on_web_bg_color, var(--color-fg-secondary));
    --color-tertiary-themed: var(--color_theme_bg_contrast_4, var(--color-fg-tertiary));
    --color-detail-themed: var(--color_theme_detail, var(--color-utility-detail));
    --color-bg-primary-themed: var(--web_bg_color, var(--color-bg-primary));
    --color-bg-primary-hover-themed: var(--color_theme_bg_contrast_1, var(--color-bg-primary-hover));
    --color-bg-secondary-themed: var(--color_theme_bg_contrast_1, var(--color-bg-secondary));
    --color-bg-secondary-hover-themed: var(--color_theme_bg_contrast_2, var(--color-bg-secondary));
    --color-bg-tertiary-themed: var(--color_theme_bg_contrast_2, var(--color-bg-tertiary));
    --color-bg-elevated-themed: var(--web_bg_color, var(--color-bg-primary));
    --color-bg-elevated-hover-themed: var(--color_theme_bg_contrast_2, var(--color-bg-primary-hover));
    --color-bg-accent-themed-rgb: var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb));
    --color-bg-accent-themed: rgba(var(--color-bg-accent-themed-rgb), .15);
    --color-bg-accent-hover-themed: rgba(var(--color-bg-accent-themed-rgb), .3);
    --color-accent-themed: var(--color_theme_bg_pop, var(--color-accent-primary));
    --color-accent-inverse-themed: var(--color_theme_print_on_pop, var(--color-light-bg-primary));
    --border-default-themed: 1px solid var(--color-detail-themed);
    --border-primary-themed: 1px solid var(--color-fg-primary);
    --border-focus: 1px solid var(--color-semantic-select-fg-primary);
    --inner-border-default: inset 0 0 0 1px var(--color-utility-detail);
    --glass-blur: blur(24px);
    --material-blur: saturate(180%) blur(40px);
    --material-dark-thick: rgb(40, 40, 40, .9);
    --material-dark-regular: rgb(40, 40, 40, .75);
    --material-dark-thin: rgb(40, 40, 40, .25);
    --material-light-thick: rgb(215, 215, 215, .9);
    --material-light-regular: rgb(215, 215, 215, .75);
    --material-light-thin: rgb(215, 215, 215, .25);
    --material-thick: var(--material-light-thick);
    --material-regular: var(--material-light-regular);
    --material-thin: var(--material-light-thin);
    --vibrance-dark-primary: var(--color-utility-white);
    --vibrance-dark-secondary: rgba(var(--color-primitive-white-rgb), .66);
    --vibrance-dark-tertiary: rgba(var(--color-primitive-white-rgb), .5);
    --vibrance-light-primary: var(--color-utility-black);
    --vibrance-light-secondary: rgba(var(--color-primitive-black-rgb), .66);
    --vibrance-light-tertiary: rgba(var(--color-primitive-black-rgb), .5);
    --vibrance-primary: var(--vibrance-light-primary);
    --vibrance-secondary: var(--vibrance-light-secondary);
    --vibrance-tertiary: var(--vibrance-light-tertiary);
    --font-family-text: Nunito;
    --font-family-title: Degular;
    --font-family-serif: -apple-system-ui-serif, ui-serif, "Spectral", "Georgia", serif;
    --font-family-meta: "SF Compact", -apple-system, var(--font-family-text);
    --font-family-digit: "Jetbrains Mono", monospace;
    --font-family-monospace: monospace;
    --font-family-emoji: "Twemoji Mozilla", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
    --font-family-pub-headings: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    --font-family-pub-body: var(--font_family_body, var(--font_family_body_preset, var(--font-family-text)));
    --font-family-mono: Roboto, Arial, Helvetica, sans-serif;
    --line-height-20: 20px;
    --line-height-24: 24px;
    --line-height-28: 28px;
    --line-height-32: 32px;
    --line-height-36: 36px;
    --line-height-40: 40px;
    --line-height-feed: 1.4em;
    --letter-spacing-meta: .3px;
    --letter-spacing-14: -.15px;
    --letter-spacing-16: -.3px;
    --letter-spacing-20: -.45px;
    --letter-spacing-24: .1px;
    --letter-spacing-32: .4px;
    --animation-timing-instant: 0s;
    --animation-timing-faster: .125s;
    --animation-timing-fast: .25s;
    --animation-timing-slow: .5s;
    --animation-smoothing: cubic-bezier(.15, 1, .3, 1);
    --animation-smoothing-bounce: cubic-bezier(.15, 1, .75, 1.2);
    --animate-hover: color var(--animation-timing-fast) var(--animation-smoothing), background-color var(--animation-timing-fast) var(--animation-smoothing), box-shadow var(--animation-timing-fast) var(--animation-smoothing), border var(--animation-timing-fast) var(--animation-smoothing), opacity var(--animation-timing-fast) var(--animation-smoothing), filter var(--animation-timing-fast) var(--animation-smoothing), stroke var(--animation-timing-fast) var(--animation-smoothing), transform var(--animation-timing-fast) var(--animation-smoothing), scale var(--animation-timing-fast) var(--animation-smoothing);
    --transform-hover: scale(.995);
    --transform-pressed: scale(.98);
    --focus-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-semantic-select-fg-primary), 0 0 0 5px var(--color-semantic-select-utility-detail);
    --focus-input-ring: 0 0 0 2px var(--color-semantic-select-utility-detail);
    --error-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-semantic-error-fg-primary), 0 0 0 5px var(--color-semantic-error-utility-detail);
    --error-input-ring: 0 0 0 2px var(--color-semantic-error-utility-detail);
    --color-highlight-fg: var(--color-semantic-highlight-fg-primary);
    --color-highlight-bg: var(--color-semantic-highlight-utility-detail);
    --color-highlight-self-fg: var(--color-semantic-warn-fg-primary);
    --color-highlight-self-bg: var(--color-semantic-warn-utility-detail);
    --color-accent-fg-substack: rgb(var(--color-primitive-orange-500-rgb));
    --color-text-select: var(--color-accent-bg-cyan);
    --size-2: 2px;
    --size-4: 4px;
    --size-6: 6px;
    --size-8: 8px;
    --size-12: 12px;
    --size-16: 16px;
    --size-20: 20px;
    --size-24: 24px;
    --size-28: 28px;
    --size-32: 32px;
    --size-36: 36px;
    --size-40: 40px;
    --size-44: 44px;
    --size-48: 48px;
    --size-52: 52px;
    --size-56: 56px;
    --size-64: 64px;
    --size-72: 72px;
    --size-80: 80px;
    --size-88: 88px;
    --size-96: 96px;
    --size-112: 112px;
    --aspect-ratio-social: 1.91;
    --feed-attachment-width: 400px;
    scrollbar-width: thin;
    scrollbar-color: var(--color-bg-tertiary) var(--color-bg-primary)
}

.dark-mode,
.dark-theme,
._darkTheme_1rwsi_230 {
    --color-detail-tooltip: var(--color-dark-detail-tooltip);
    --color-bg-primary-rgb: var(--color-dark-bg-primary-rgb);
    --color-bg-primary-raw: var(--color-dark-bg-primary-raw);
    --color-bg-primary-hover: var(--color-dark-bg-primary-hover);
    --color-bg-primary-hover-rgb: var(--color-dark-bg-primary-hover-rgb);
    --color-bg-secondary-rgb: var(--color-dark-bg-secondary-rgb);
    --color-bg-tooltip: var(--color-dark-bg-secondary);
    --color-bg-tooltip-hover: var(--color-dark-bg-tertiary);
    --color-accent-primary: var(--color-accent-fg-orange);
    --color-bg-accent-primary: var(--color-accent-bg-orange);
    --color-bg-accent-primary-hover: var(--color-accent-bg-orange);
    --color-primary-themed: var(--print_on_web_bg_color, var(--color-fg-primary));
    --color-secondary-themed: var(--print_secondary_on_web_bg_color, var(--color-fg-secondary));
    --color-tertiary-themed: var(--color_theme_bg_contrast_4, var(--color-fg-tertiary));
    --color-detail-themed: var(--color_theme_bg_contrast_2, var(--color-utility-detail));
    --color-bg-primary-themed: var(--web_bg_color, var(--color-bg-primary));
    --color-bg-primary-hover-themed: var(--color_theme_bg_contrast_1, var(--color-bg-primary-hover));
    --color-bg-secondary-themed: var(--color_theme_bg_contrast_1, var(--color-bg-secondary));
    --color-bg-secondary-hover-themed: var(--color_theme_bg_contrast_2, var(--color-bg-secondary));
    --color-bg-tertiary-themed: var(--color_theme_bg_contrast_2, var(--color-bg-tertiary));
    --color-bg-elevated-themed: var(--web_bg_color, var(--color-bg-primary-hover));
    --color-bg-elevated-hover-themed: var(--color_theme_bg_contrast_2, var(--color-bg-secondary));
    --color-bg-accent-themed-rgb: var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb));
    --color-bg-accent-themed: rgba(var(--color-bg-accent-themed-rgb), .15);
    --color-bg-accent-hover-themed: rgba(var(--color-bg-accent-themed-rgb), .3);
    --material-thick: var(--material-dark-thick);
    --material-regular: var(--material-dark-regular);
    --material-thin: var(--material-dark-thin);
    --vibrance-primary: var(--vibrance-dark-primary);
    --vibrance-secondary: var(--vibrance-dark-secondary);
    --vibrance-tertiary: var(--vibrance-dark-tertiary);
    --color-accent-themed: var(--color_theme_bg_pop, var(--color-accent-primary));
    --color-accent-inverse-themed: var(--color_theme_print_on_pop, var(--color-light-bg-primary));
    --border-default-themed: 1px solid var(--color-detail-themed);
    --border-primary-themed: 1px solid var(--color-fg-primary);
    --border-focus: 1px solid var(--color-semantic-select-fg-primary);
    --inner-border-default: inset 0 0 0 1px var(--color-utility-detail);
    --focus-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-semantic-select-fg-primary), 0 0 0 5px var(--color-semantic-select-utility-detail);
    --focus-input-ring: 0 0 0 2px var(--color-semantic-select-utility-detail);
    --error-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-semantic-error-fg-primary), 0 0 0 5px var(--color-semantic-error-utility-detail);
    --error-input-ring: 0 0 0 2px var(--color-semantic-error-utility-detail);
    --color-highlight-fg: var(--color-semantic-highlight-fg-primary);
    --color-highlight-bg: var(--color-semantic-highlight-utility-detail);
    --color-highlight-self-fg: var(--color-semantic-warn-fg-primary);
    --color-highlight-self-bg: var(--color-semantic-warn-utility-detail)
}

.pc-root {
    background-color: var(--color-bg-primary);
    color: var(--color-fg-primary)
}

.pc-root ::selection {
    background-color: var(--color-text-select)
}

._portalWrapper_1686v_1{display:flex}._contentWrapper_1686v_5{position:fixed;top:0;z-index:101;visibility:hidden;opacity:0;border:1px solid var(--color-bg-tertiary);border-radius:var(--border-radius-md);background:var(--color-light-bg-primary);box-shadow:var(--shadow-lg);cursor:initial;font-family:var(--font-family-text);white-space:initial;padding:16px;font-size:14px;line-height:20px}._contentWrapperShown_1686v_23{visibility:visible;display:block;pointer-events:auto;opacity:1}._learnMoreChip_rn2fb_1{width:var(--size-16);height:var(--size-16);line-height:16px;background-color:var(--color-utility-detail);border-radius:var(--border-radius-full);text-align:center;color:gray;font-size:var(--font-size-12)}

._dragArea_vbag3_1 {
    cursor: pointer;
    display: flex;
    min-height: 300px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px dashed var(--color-utility-detail);
    border-radius: var(--border-radius-md);
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    background-color: #fafafa
}

._dragActive_vbag3_17 {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-fg-secondary)
}

._text_vbag3_22._text_vbag3_22._text_vbag3_22 {
    color: var(--color-fg-secondary);
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0
}

._icon_vbag3_30 {
    stroke: var(--color-secondary-themed);
    stroke-width: 1.5px;
    pointer-events: none;
    margin-bottom: var(--size-16)
}

._browse_vbag3_37._browse_vbag3_37._browse_vbag3_37 {
    color: var(--color-accent-themed);
    cursor: pointer
}

._file_vbag3_42 {
    display: none
}

._container_11q5m_1 {
    width: 100%;
    max-width: 380px
}

._form_11q5m_6._form_11q5m_6._form_11q5m_6 {
    margin: 0
}

._sideBySideWrap_11q5m_10 {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    max-width: 380px
}

@media screen and (max-width: 650px) {
    ._sideBySideWrap_11q5m_10 {
        padding: 0 16px
    }
}

._emailInput_11q5m_23._emailInput_11q5m_23._emailInput_11q5m_23 {
    box-sizing: border-box;
    display: inline-block;
    padding: var(--size-12);
    height: var(--size-40);
    background-color: var(--color-bg-secondary-themed);
    border: 1px solid var(--color-accent-themed);
    border-right-width: 0;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font-family-text);
    font-size: var(--font-size-15);
    line-height: var(--line-height-20);
    width: 100%;
    -webkit-appearance: none;
    color: var(--color-primary-themed)
}

._emailInput_11q5m_23._emailInput_11q5m_23._emailInput_11q5m_23::placeholder {
    color: var(--color-fg-tertiary)
}

._emailInputOnWelcomePage_11q5m_44._emailInputOnWelcomePage_11q5m_44._emailInputOnWelcomePage_11q5m_44 {
    background: var(--cover_input_background, var(--cover_bg_color, #fff));
    color: var(--cover_print_primary, #000)
}

._emailInputOnAccentBackground_11q5m_49 {
    border-color: #fff
}

._emailInputExpectTruncation_11q5m_53 {
    padding-right: 0
}

._emailInputWrapper_11q5m_57 {
    flex-grow: 1
}

._emailInputWrapperExpectTruncation_11q5m_61 {
    position: relative
}

._emailInputWrapperExpectTruncation_11q5m_61:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 1px;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--input_background, var(--cover_bg_color, #fff)));
    pointer-events: none
}

._button_11q5m_76._button_11q5m_76._button_11q5m_76 {
    flex-shrink: 0;
    margin-top: 0 !important;
    height: var(--size-40);
    padding: 0 var(--size-20);
    background: var(--color-accent-themed);
    border: 1px solid var(--color-accent-themed);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    color: var(--color-accent-inverse-themed);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-14)
}

._buttonOnAccentBackground_11q5m_89._buttonOnAccentBackground_11q5m_89._buttonOnAccentBackground_11q5m_89 {
    border-color: #fff
}

._button_11q5m_76:active {
    opacity: 1
}

._button_11q5m_76:active:hover,
._button_11q5m_76._disabled_11q5m_97,
._button_11q5m_76[disabled],
._button_11q5m_76[readonly] {
    opacity: .75
}

._links_11q5m_103 {
    display: flex;
    font-size: var(--font-size-14);
    gap: var(--size-12);
    justify-content: center;
    padding-top: var(--size-16)
}

._links_11q5m_103._links_11q5m_103._links_11q5m_103 a {
    color: var(--color-fg-secondary)
}

._reset_1r7ox_1 {
    box-sizing: border-box
}

._color-primary_1r7ox_5 {
    color: var(--color-fg-primary)
}

._color-secondary_1r7ox_9 {
    color: var(--color-fg-secondary)
}

._toast_19spo_1 {
    background-color: var(--material-dark-thick);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur)
}

._close_19spo_6 svg {
    stroke: var(--color-fg-secondary)
}

._close_19spo_6:hover {
    background-color: var(--color-utility-detail)
}

._close_19spo_6:hover svg {
    stroke: var(--color-fg-primary)
}

._icon_19spo_19 {
    stroke: var(--color-fg-primary)
}

._transition_19spo_23 {
    transition: transform var(--animation-timing-fast) var(--animation-smoothing-bounce), opacity var(--animation-timing-fast) var(--animation-smoothing)
}

._show_19spo_29 {
    opacity: 1;
    transform: translateY(0)
}

._hide_19spo_34 {
    opacity: 0;
    transform: translateY(var(--size-16))
}

._hoverCardBase_1l6wb_1 {
    background: var(--color-bg-elevated-primary);
    display: block;
    position: absolute;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    border: var(--border-default);
    max-width: 340px;
    min-width: 340px;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    padding: var(--size-8)
}

._transition_1l6wb_20 {
    transition: var(--animate-hover)
}

._show_1l6wb_24 {
    opacity: 1
}

._hide_1l6wb_28 {
    opacity: 0
}

._chrome_19pte_1 {
    display: contents
}

._chrome_19pte_1>* {
    transition: var(--animate-hover);
    opacity: 1
}

._chrome_19pte_1._inactive_19pte_8>* {
    opacity: 0
}

._modalImageButtonContainer_19pte_13 {
    z-index: 1
}

._modalImageSidebar_19pte_17 {
    position: absolute;
    background-color: #0000;
    transition: var(--animate-hover);
    cursor: pointer;
    top: 0;
    bottom: 0
}

@media (hover: hover) {
    ._modalImageSidebar_19pte_17:hover {
        background-color: #0000001a
    }
}

._modalBody_19pte_32 {
    padding: 16px;
    display: flex;
    justify-content: center;
    max-width: 100%;
    height: auto
}

._imgContainer_19pte_40 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0
}

._img_19pte_40 {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-out;
    box-shadow: var(--shadow-lg);
    transition: opacity var(--animation-timing-fast)
}

._img_19pte_40._isLoading_19pte_53 {
    opacity: 0
}

._moreOptionsMenu_19pte_57 {
    width: 200px;
    z-index: 100;
    background-color: var(--color-light-bg-primary);
    padding: 8px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._moreOptionsMenuItem_19pte_66 {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 48px;
    padding: 0 8px;
    gap: 12px;
    border-radius: var(--border-radius-sm)
}

@media (hover: hover) {
    ._moreOptionsMenuItem_19pte_66:hover {
        background: var(--color-bg-secondary)
    }
}

._zIndexStyling_19pte_82 {
    z-index: 100
}

:root,
.substack-theme,
.light-theme {
    --color-primitive-white-rgb: 255, 255, 255;
    --color-primitive-black-rgb: 0, 0, 0;
    --color-primitive-transparent-rgb: 0, 0, 0;
    --color-primitive-red-100-rgb: 255, 224, 219;
    --color-primitive-red-200-rgb: 255, 189, 181;
    --color-primitive-red-300-rgb: 255, 154, 145;
    --color-primitive-red-400-rgb: 255, 119, 114;
    --color-primitive-red-500-rgb: 235, 87, 87;
    --color-primitive-red-rgb: var(--color-primitive-red-500-rgb);
    --color-primitive-red-600-rgb: 197, 62, 65;
    --color-primitive-red-700-rgb: 151, 44, 47;
    --color-primitive-red-800-rgb: 101, 31, 32;
    --color-primitive-red-900-rgb: 51, 20, 18;
    --color-primitive-gray-100-rgb: 255, 255, 255;
    --color-primitive-gray-200-rgb: 238, 238, 238;
    --color-primitive-gray-300-rgb: 219, 219, 219;
    --color-primitive-gray-400-rgb: 182, 182, 182;
    --color-primitive-gray-500-rgb: 119, 119, 119;
    --color-primitive-gray-rgb: var(--color-primitive-gray-500-rgb);
    --color-primitive-gray-600-rgb: 90, 91, 91;
    --color-primitive-gray-700-rgb: 54, 55, 55;
    --color-primitive-gray-800-rgb: 35, 37, 37;
    --color-primitive-gray-900-rgb: 22, 23, 24;
    --color-primitive-orange-100-rgb: 255, 228, 205;
    --color-primitive-orange-200-rgb: 255, 197, 152;
    --color-primitive-orange-300-rgb: 255, 165, 103;
    --color-primitive-orange-400-rgb: 255, 133, 61;
    --color-primitive-orange-500-rgb: 255, 103, 25;
    --color-primitive-orange-rgb: var(--color-primitive-orange-500-rgb);
    --color-primitive-orange-600-rgb: 215, 77, 0;
    --color-primitive-orange-700-rgb: 165, 56, 0;
    --color-primitive-orange-800-rgb: 110, 39, 2;
    --color-primitive-orange-900-rgb: 56, 23, 2;
    --color-primitive-yellow-100-rgb: 255, 252, 211;
    --color-primitive-yellow-200-rgb: 255, 247, 162;
    --color-primitive-yellow-300-rgb: 255, 238, 113;
    --color-primitive-yellow-400-rgb: 255, 223, 65;
    --color-primitive-yellow-500-rgb: 255, 199, 0;
    --color-primitive-yellow-rgb: var(--color-primitive-yellow-500-rgb);
    --color-primitive-yellow-600-rgb: 216, 166, 0;
    --color-primitive-yellow-700-rgb: 166, 127, 0;
    --color-primitive-yellow-800-rgb: 110, 84, 0;
    --color-primitive-yellow-900-rgb: 55, 42, 8;
    --color-primitive-green-100-rgb: 219, 253, 232;
    --color-primitive-green-200-rgb: 175, 248, 205;
    --color-primitive-green-300-rgb: 130, 237, 178;
    --color-primitive-green-400-rgb: 82, 221, 152;
    --color-primitive-green-500-rgb: 27, 196, 125;
    --color-primitive-green-rgb: var(--color-primitive-green-500-rgb);
    --color-primitive-green-600-rgb: 0, 163, 99;
    --color-primitive-green-700-rgb: 0, 124, 74;
    --color-primitive-green-800-rgb: 2, 83, 49;
    --color-primitive-green-900-rgb: 14, 42, 27;
    --color-primitive-cyan-100-rgb: 222, 241, 255;
    --color-primitive-cyan-200-rgb: 182, 225, 255;
    --color-primitive-cyan-300-rgb: 137, 206, 255;
    --color-primitive-cyan-400-rgb: 87, 185, 255;
    --color-primitive-cyan-500-rgb: 24, 160, 251;
    --color-primitive-cyan-rgb: var(--color-primitive-cyan-500-rgb);
    --color-primitive-cyan-600-rgb: 0, 131, 213;
    --color-primitive-cyan-700-rgb: 0, 99, 164;
    --color-primitive-cyan-800-rgb: 0, 66, 109;
    --color-primitive-cyan-900-rgb: 15, 34, 53;
    --color-primitive-blue-100-rgb: 222, 228, 255;
    --color-primitive-blue-200-rgb: 181, 199, 255;
    --color-primitive-blue-300-rgb: 135, 171, 255;
    --color-primitive-blue-400-rgb: 83, 144, 255;
    --color-primitive-blue-500-rgb: 0, 118, 255;
    --color-primitive-blue-rgb: var(--color-primitive-blue-500-rgb);
    --color-primitive-blue-600-rgb: 0, 93, 217;
    --color-primitive-blue-700-rgb: 0, 69, 167;
    --color-primitive-blue-800-rgb: 0, 46, 111;
    --color-primitive-blue-900-rgb: 14, 25, 54;
    --color-primitive-purple-100-rgb: 237, 224, 255;
    --color-primitive-purple-200-rgb: 213, 189, 255;
    --color-primitive-purple-300-rgb: 185, 155, 255;
    --color-primitive-purple-400-rgb: 155, 125, 255;
    --color-primitive-purple-500-rgb: 123, 97, 255;
    --color-primitive-purple-rgb: var(--color-primitive-purple-500-rgb);
    --color-primitive-purple-600-rgb: 94, 73, 217;
    --color-primitive-purple-700-rgb: 69, 53, 167;
    --color-primitive-purple-800-rgb: 48, 36, 111;
    --color-primitive-purple-900-rgb: 28, 21, 54;
    --color-light-fg-primary: rgb(var(--color-primitive-gray-700-rgb));
    --color-light-fg-secondary: rgb(var(--color-primitive-gray-500-rgb));
    --color-light-fg-tertiary: rgb(var(--color-primitive-gray-400-rgb));
    --color-light-bg-primary: rgb(var(--color-primitive-gray-100-rgb));
    --color-light-bg-primary-rgb: var(--color-primitive-gray-100-rgb);
    --color-light-bg-secondary: rgb(var(--color-primitive-gray-200-rgb));
    --color-light-bg-tertiary: rgb(var(--color-primitive-gray-300-rgb));
    --color-light-bg-elevated-primary: var(--color-light-bg-primary);
    --color-light-bg-elevated-secondary: var(--color-light-bg-secondary);
    --color-light-bg-elevated-tertiary: var(--color-light-bg-tertiary);
    --color-light-utility-detail: rgb(var(--color-primitive-black-rgb), .1);
    --color-light-utility-black: rgb(var(--color-primitive-black-rgb));
    --color-light-utility-white: rgb(var(--color-primitive-white-rgb));
    --color-light-utility-transparent: transparent;
    --color-light-utility-modal: rgb(var(--color-primitive-black-rgb), .5);
    --color-light-utility-hover: rgb(var(--color-primitive-gray-rgb), .2);
    --color-light-accent-fg-red: rgb(var(--color-primitive-red-500-rgb));
    --color-light-accent-fg-orange: rgb(var(--color-primitive-orange-500-rgb));
    --color-light-accent-fg-yellow: rgb(var(--color-primitive-yellow-500-rgb));
    --color-light-accent-fg-green: rgb(var(--color-primitive-green-500-rgb));
    --color-light-accent-fg-cyan: rgb(var(--color-primitive-cyan-500-rgb));
    --color-light-accent-fg-blue: rgb(var(--color-primitive-blue-500-rgb));
    --color-light-accent-fg-purple: rgb(var(--color-primitive-purple-500-rgb));
    --color-light-accent-bg-red: rgb(var(--color-primitive-red-rgb), .2);
    --color-light-accent-bg-orange: rgb(var(--color-primitive-orange-rgb), .2);
    --color-light-accent-bg-yellow: rgb(var(--color-primitive-yellow-rgb), .2);
    --color-light-accent-bg-green: rgb(var(--color-primitive-green-rgb), .2);
    --color-light-accent-bg-cyan: rgb(var(--color-primitive-cyan-rgb), .2);
    --color-light-accent-bg-blue: rgb(var(--color-primitive-blue-rgb), .2);
    --color-light-accent-bg-purple: rgb(var(--color-primitive-purple-rgb), .2);
    --color-light-button-mono-fg: rgb(var(--color-primitive-gray-200-rgb));
    --color-light-button-mono-bg: rgb(var(--color-primitive-gray-900-rgb));
    --color-light-button-mono-bg-hover: rgb(var(--color-primitive-gray-800-rgb));
    --color-light-button-primary-fg: rgb(var(--color-primitive-white-rgb));
    --color-light-button-primary-bg: var(--color-light-accent-fg-orange);
    --color-light-button-primary-bg-hover: rgb(var(--color-primitive-orange-600-rgb));
    --color-light-button-secondary-fg: var(--color-light-fg-primary);
    --color-light-button-secondary-bg: var(--color-light-bg-secondary);
    --color-light-button-secondary-bg-hover: var(--color-light-bg-tertiary);
    --color-light-button-tertiary-fg: var(--color-light-fg-primary);
    --color-light-button-tertiary-bg: var(--color-light-utility-transparent);
    --color-light-button-tertiary-bg-hover: var(--color-light-bg-secondary);
    --color-light-button-disabled-fg: var(--color-light-fg-tertiary);
    --color-light-button-disabled-bg: var(--color-light-bg-secondary);
    --color-light-tooltip-fg: var(--color-light-utility-white);
    --color-light-tooltip-bg: rgb(var(--color-primitive-gray-900-rgb));
    --color-light-semantic-error-fg-primary: rgb(var(--color-primitive-red-600-rgb));
    --color-light-semantic-error-bg-primary: var(--color-light-accent-fg-red);
    --color-light-semantic-error-bg-secondary: rgb(var(--color-primitive-red-600-rgb));
    --color-light-semantic-error-utility-detail: rgb(var(--color-primitive-red-rgb), .2);
    --color-light-semantic-error-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-semantic-success-fg-primary: rgb(var(--color-primitive-green-600-rgb));
    --color-light-semantic-success-bg-primary: var(--color-light-accent-fg-green);
    --color-light-semantic-success-bg-secondary: rgb(var(--color-primitive-green-600-rgb));
    --color-light-semantic-success-utility-detail: rgb(var(--color-primitive-green-rgb), .2);
    --color-light-semantic-success-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-semantic-warn-fg-primary: rgb(var(--color-primitive-yellow-800-rgb));
    --color-light-semantic-warn-bg-primary: var(--color-light-accent-fg-yellow);
    --color-light-semantic-warn-bg-secondary: rgb(var(--color-primitive-yellow-600-rgb));
    --color-light-semantic-warn-utility-detail: rgb(var(--color-primitive-yellow-rgb), .2);
    --color-light-semantic-warn-utility-contrast: rgb(var(--color-primitive-yellow-800-rgb));
    --color-light-semantic-paid-fg-primary: rgb(var(--color-primitive-purple-600-rgb));
    --color-light-semantic-paid-bg-primary: var(--color-light-accent-fg-purple);
    --color-light-semantic-paid-bg-secondary: rgb(var(--color-primitive-purple-400-rgb));
    --color-light-semantic-paid-utility-detail: rgb(var(--color-primitive-purple-rgb), .2);
    --color-light-semantic-paid-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-semantic-substack-fg-primary: rgb(var(--color-primitive-orange-600-rgb));
    --color-light-semantic-substack-bg-primary: var(--color-light-accent-fg-orange);
    --color-light-semantic-substack-bg-secondary: rgb(var(--color-primitive-orange-600-rgb));
    --color-light-semantic-substack-utility-detail: rgb(var(--color-primitive-orange-rgb), .2);
    --color-light-semantic-substack-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-semantic-select-fg-primary: rgb(var(--color-primitive-blue-600-rgb));
    --color-light-semantic-select-bg-primary: var(--color-light-accent-fg-blue);
    --color-light-semantic-select-bg-secondary: rgb(var(--color-primitive-blue-600-rgb));
    --color-light-semantic-select-utility-detail: rgb(var(--color-primitive-blue-rgb), .2);
    --color-light-semantic-select-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-semantic-highlight-fg-primary: rgb(var(--color-primitive-cyan-600-rgb));
    --color-light-semantic-highlight-bg-primary: var(--color-light-accent-fg-cyan);
    --color-light-semantic-highlight-bg-secondary: rgb(var(--color-primitive-cyan-600-rgb));
    --color-light-semantic-highlight-utility-detail: rgb(var(--color-primitive-cyan-rgb), .2);
    --color-light-semantic-highlight-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-light-chat-incoming-fg-primary: var(--color-light-fg-primary);
    --color-light-chat-incoming-fg-secondary: var(--color-light-fg-secondary);
    --color-light-chat-incoming-bg-primary: var(--color-light-bg-secondary);
    --color-light-chat-incoming-bg-secondary: var(--color-light-bg-tertiary);
    --color-light-chat-outgoing-fg-primary: rgb(var(--color-primitive-white-rgb));
    --color-light-chat-outgoing-fg-secondary: rgb(var(--color-primitive-white-rgb), .7);
    --color-light-chat-outgoing-bg-primary: rgb(var(--color-primitive-blue-500-rgb));
    --color-light-chat-outgoing-bg-secondary: rgb(var(--color-primitive-blue-600-rgb));
    --color-dark-fg-primary: rgb(var(--color-primitive-gray-200-rgb));
    --color-dark-fg-secondary: rgb(var(--color-primitive-gray-500-rgb));
    --color-dark-fg-tertiary: rgb(var(--color-primitive-gray-600-rgb));
    --color-dark-bg-primary: rgb(var(--color-primitive-gray-900-rgb));
    --color-dark-bg-primary-rgb: var(--color-primitive-gray-900-rgb);
    --color-dark-bg-secondary: rgb(var(--color-primitive-gray-800-rgb));
    --color-dark-bg-tertiary: rgb(var(--color-primitive-gray-700-rgb));
    --color-dark-bg-elevated-primary: var(--color-dark-bg-secondary);
    --color-dark-bg-elevated-secondary: var(--color-dark-bg-tertiary);
    --color-dark-bg-elevated-tertiary: rgb(var(--color-primitive-gray-600-rgb));
    --color-dark-utility-detail: rgb(var(--color-primitive-white-rgb), .1);
    --color-dark-utility-black: rgb(var(--color-primitive-black-rgb));
    --color-dark-utility-white: rgb(var(--color-primitive-white-rgb));
    --color-dark-utility-transparent: transparent;
    --color-dark-utility-modal: rgb(var(--color-primitive-black-rgb), .5);
    --color-dark-utility-hover: rgb(var(--color-primitive-white-rgb), .2);
    --color-dark-accent-fg-red: rgb(var(--color-primitive-red-500-rgb));
    --color-dark-accent-fg-orange: rgb(var(--color-primitive-orange-500-rgb));
    --color-dark-accent-fg-yellow: rgb(var(--color-primitive-yellow-500-rgb));
    --color-dark-accent-fg-green: rgb(var(--color-primitive-green-500-rgb));
    --color-dark-accent-fg-cyan: rgb(var(--color-primitive-cyan-500-rgb));
    --color-dark-accent-fg-blue: rgb(var(--color-primitive-blue-500-rgb));
    --color-dark-accent-fg-purple: rgb(var(--color-primitive-purple-500-rgb));
    --color-dark-accent-bg-red: rgb(var(--color-primitive-red-rgb), .2);
    --color-dark-accent-bg-orange: rgb(var(--color-primitive-orange-rgb), .2);
    --color-dark-accent-bg-yellow: rgb(var(--color-primitive-yellow-rgb), .2);
    --color-dark-accent-bg-green: rgb(var(--color-primitive-green-rgb), .2);
    --color-dark-accent-bg-cyan: rgb(var(--color-primitive-cyan-rgb), .2);
    --color-dark-accent-bg-blue: rgb(var(--color-primitive-blue-rgb), .2);
    --color-dark-accent-bg-purple: rgb(var(--color-primitive-purple-rgb), .2);
    --color-dark-button-mono-fg: rgb(var(--color-primitive-gray-700-rgb));
    --color-dark-button-mono-bg: rgb(var(--color-primitive-gray-100-rgb));
    --color-dark-button-mono-bg-hover: rgb(var(--color-primitive-gray-200-rgb));
    --color-dark-button-primary-fg: rgb(var(--color-primitive-white-rgb));
    --color-dark-button-primary-bg: rgb(var(--color-primitive-orange-500-rgb));
    --color-dark-button-primary-bg-hover: rgb(var(--color-primitive-orange-400-rgb));
    --color-dark-button-secondary-fg: var(--color-dark-fg-primary);
    --color-dark-button-secondary-bg: var(--color-dark-bg-secondary);
    --color-dark-button-secondary-bg-hover: var(--color-dark-bg-tertiary);
    --color-dark-button-tertiary-fg: var(--color-dark-fg-primary);
    --color-dark-button-tertiary-bg: var(--color-dark-utility-transparent);
    --color-dark-button-tertiary-bg-hover: var(--color-dark-bg-secondary);
    --color-dark-button-disabled-fg: var(--color-dark-fg-tertiary);
    --color-dark-button-disabled-bg: var(--color-dark-bg-secondary);
    --color-dark-tooltip-fg: var(--color-dark-utility-white);
    --color-dark-tooltip-bg: var(--color-dark-bg-elevated-primary);
    --color-dark-semantic-error-fg-primary: rgb(var(--color-primitive-red-400-rgb));
    --color-dark-semantic-error-bg-primary: var(--color-dark-accent-fg-red);
    --color-dark-semantic-error-bg-secondary: rgb(var(--color-primitive-red-400-rgb));
    --color-dark-semantic-error-utility-detail: rgb(var(--color-primitive-red-rgb), .2);
    --color-dark-semantic-error-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-semantic-success-fg-primary: rgb(var(--color-primitive-green-400-rgb));
    --color-dark-semantic-success-bg-primary: var(--color-dark-accent-fg-green);
    --color-dark-semantic-success-bg-secondary: rgb(var(--color-primitive-green-400-rgb));
    --color-dark-semantic-success-utility-detail: rgb(var(--color-primitive-green-rgb), .2);
    --color-dark-semantic-success-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-semantic-warn-fg-primary: rgb(var(--color-primitive-yellow-400-rgb));
    --color-dark-semantic-warn-bg-primary: var(--color-dark-accent-fg-yellow);
    --color-dark-semantic-warn-bg-secondary: rgb(var(--color-primitive-yellow-400-rgb));
    --color-dark-semantic-warn-utility-detail: rgb(var(--color-primitive-yellow-rgb), .2);
    --color-dark-semantic-warn-utility-contrast: rgb(var(--color-primitive-yellow-900-rgb));
    --color-dark-semantic-paid-fg-primary: rgb(var(--color-primitive-purple-400-rgb));
    --color-dark-semantic-paid-bg-primary: var(--color-dark-accent-fg-purple);
    --color-dark-semantic-paid-bg-secondary: rgb(var(--color-primitive-purple-400-rgb));
    --color-dark-semantic-paid-utility-detail: rgb(var(--color-primitive-purple-rgb), .2);
    --color-dark-semantic-paid-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-semantic-substack-fg-primary: rgb(var(--color-primitive-orange-400-rgb));
    --color-dark-semantic-substack-bg-primary: var(--color-dark-accent-fg-orange);
    --color-dark-semantic-substack-bg-secondary: rgb(var(--color-primitive-orange-400-rgb));
    --color-dark-semantic-substack-utility-detail: rgb(var(--color-primitive-orange-rgb), .2);
    --color-dark-semantic-substack-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-semantic-select-fg-primary: rgb(var(--color-primitive-blue-500-rgb));
    --color-dark-semantic-select-bg-primary: var(--color-dark-accent-fg-blue);
    --color-dark-semantic-select-bg-secondary: rgb(var(--color-primitive-blue-400-rgb));
    --color-dark-semantic-select-utility-detail: rgb(var(--color-primitive-blue-rgb), .2);
    --color-dark-semantic-select-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-semantic-highlight-fg-primary: rgb(var(--color-primitive-cyan-500-rgb));
    --color-dark-semantic-highlight-bg-primary: var(--color-dark-accent-fg-cyan);
    --color-dark-semantic-highlight-bg-secondary: rgb(var(--color-primitive-cyan-400-rgb));
    --color-dark-semantic-highlight-utility-detail: rgb(var(--color-primitive-cyan-rgb), .2);
    --color-dark-semantic-highlight-utility-contrast: rgb(var(--color-primitive-white-rgb));
    --color-dark-chat-incoming-fg-primary: var(--color-dark-fg-primary);
    --color-dark-chat-incoming-fg-secondary: var(--color-dark-fg-secondary);
    --color-dark-chat-incoming-bg-primary: var(--color-dark-bg-secondary);
    --color-dark-chat-incoming-bg-secondary: var(--color-dark-bg-tertiary);
    --color-dark-chat-outgoing-fg-primary: rgb(var(--color-primitive-white-rgb));
    --color-dark-chat-outgoing-fg-secondary: rgb(var(--color-primitive-white-rgb), .7);
    --color-dark-chat-outgoing-bg-primary: rgb(var(--color-primitive-blue-500-rgb));
    --color-dark-chat-outgoing-bg-secondary: rgb(var(--color-primitive-blue-600-rgb));
    --color-fg-primary: var(--color-light-fg-primary);
    --color-fg-secondary: var(--color-light-fg-secondary);
    --color-fg-tertiary: var(--color-light-fg-tertiary);
    --color-bg-primary: var(--color-light-bg-primary);
    --color-bg-primary-rgb: var(--color-light-bg-primary-rgb);
    --color-bg-secondary: var(--color-light-bg-secondary);
    --color-bg-tertiary: var(--color-light-bg-tertiary);
    --color-bg-elevated-primary: var(--color-light-bg-elevated-primary);
    --color-bg-elevated-secondary: var(--color-light-bg-elevated-secondary);
    --color-bg-elevated-tertiary: var(--color-light-bg-elevated-tertiary);
    --color-utility-detail: var(--color-light-utility-detail);
    --color-utility-black: var(--color-light-utility-black);
    --color-utility-white: var(--color-light-utility-white);
    --color-utility-transparent: var(--color-light-utility-transparent);
    --color-utility-modal: var(--color-light-utility-modal);
    --color-utility-hover: var(--color-light-utility-hover);
    --color-accent-fg-red: var(--color-light-accent-fg-red);
    --color-accent-fg-orange: var(--color-light-accent-fg-orange);
    --color-accent-fg-yellow: var(--color-light-accent-fg-yellow);
    --color-accent-fg-green: var(--color-light-accent-fg-green);
    --color-accent-fg-cyan: var(--color-light-accent-fg-cyan);
    --color-accent-fg-blue: var(--color-light-accent-fg-blue);
    --color-accent-fg-purple: var(--color-light-accent-fg-purple);
    --color-accent-bg-red: var(--color-light-accent-bg-red);
    --color-accent-bg-orange: var(--color-light-accent-bg-orange);
    --color-accent-bg-yellow: var(--color-light-accent-bg-yellow);
    --color-accent-bg-green: var(--color-light-accent-bg-green);
    --color-accent-bg-cyan: var(--color-light-accent-bg-cyan);
    --color-accent-bg-blue: var(--color-light-accent-bg-blue);
    --color-accent-bg-purple: var(--color-light-accent-bg-purple);
    --color-button-mono-fg: var(--color-light-button-mono-fg);
    --color-button-mono-bg: var(--color-light-button-mono-bg);
    --color-button-mono-bg-hover: var(--color-light-button-mono-bg-hover);
    --color-button-primary-fg: var(--color-light-button-primary-fg);
    --color-button-primary-bg: var(--color-light-button-primary-bg);
    --color-button-primary-bg-hover: var(--color-light-button-primary-bg-hover);
    --color-button-secondary-fg: var(--color-light-button-secondary-fg);
    --color-button-secondary-bg: var(--color-light-button-secondary-bg);
    --color-button-secondary-bg-hover: var(--color-light-button-secondary-bg-hover);
    --color-button-tertiary-fg: var(--color-light-button-tertiary-fg);
    --color-button-tertiary-bg: var(--color-light-button-tertiary-bg);
    --color-button-tertiary-bg-hover: var(--color-light-button-tertiary-bg-hover);
    --color-button-disabled-fg: var(--color-light-button-disabled-fg);
    --color-button-disabled-bg: var(--color-light-button-disabled-bg);
    --color-tooltip-fg: var(--color-light-tooltip-fg);
    --color-tooltip-bg: var(--color-light-tooltip-bg);
    --color-semantic-error-fg-primary: var(--color-light-semantic-error-fg-primary);
    --color-semantic-error-bg-primary: var(--color-light-semantic-error-bg-primary);
    --color-semantic-error-bg-secondary: var(--color-light-semantic-error-bg-secondary);
    --color-semantic-error-utility-detail: var(--color-light-semantic-error-utility-detail);
    --color-semantic-error-utility-contrast: var(--color-light-semantic-error-utility-contrast);
    --color-semantic-success-fg-primary: var(--color-light-semantic-success-fg-primary);
    --color-semantic-success-bg-primary: var(--color-light-semantic-success-bg-primary);
    --color-semantic-success-bg-secondary: var(--color-light-semantic-success-bg-secondary);
    --color-semantic-success-utility-detail: var(--color-light-semantic-success-utility-detail);
    --color-semantic-success-utility-contrast: var(--color-light-semantic-success-utility-contrast);
    --color-semantic-warn-fg-primary: var(--color-light-semantic-warn-fg-primary);
    --color-semantic-warn-bg-primary: var(--color-light-semantic-warn-bg-primary);
    --color-semantic-warn-bg-secondary: var(--color-light-semantic-warn-bg-secondary);
    --color-semantic-warn-utility-detail: var(--color-light-semantic-warn-utility-detail);
    --color-semantic-warn-utility-contrast: var(--color-light-semantic-warn-utility-contrast);
    --color-semantic-paid-fg-primary: var(--color-light-semantic-paid-fg-primary);
    --color-semantic-paid-bg-primary: var(--color-light-semantic-paid-bg-primary);
    --color-semantic-paid-bg-secondary: var(--color-light-semantic-paid-bg-secondary);
    --color-semantic-paid-utility-detail: var(--color-light-semantic-paid-utility-detail);
    --color-semantic-paid-utility-contrast: var(--color-light-semantic-paid-utility-contrast);
    --color-semantic-substack-fg-primary: var(--color-light-semantic-substack-fg-primary);
    --color-semantic-substack-bg-primary: var(--color-light-semantic-substack-bg-primary);
    --color-semantic-substack-bg-secondary: var(--color-light-semantic-substack-bg-secondary);
    --color-semantic-substack-utility-detail: var(--color-light-semantic-substack-utility-detail);
    --color-semantic-substack-utility-contrast: var(--color-light-semantic-substack-utility-contrast);
    --color-semantic-select-fg-primary: var(--color-light-semantic-select-fg-primary);
    --color-semantic-select-bg-primary: var(--color-light-semantic-select-bg-primary);
    --color-semantic-select-bg-secondary: var(--color-light-semantic-select-bg-secondary);
    --color-semantic-select-utility-detail: var(--color-light-semantic-select-utility-detail);
    --color-semantic-select-utility-contrast: var(--color-light-semantic-select-utility-contrast);
    --color-semantic-highlight-fg-primary: var(--color-light-semantic-highlight-fg-primary);
    --color-semantic-highlight-bg-primary: var(--color-light-semantic-highlight-bg-primary);
    --color-semantic-highlight-bg-secondary: var(--color-light-semantic-highlight-bg-secondary);
    --color-semantic-highlight-utility-detail: var(--color-light-semantic-highlight-utility-detail);
    --color-semantic-highlight-utility-contrast: var(--color-light-semantic-highlight-utility-contrast);
    --color-chat-incoming-fg-primary: var(--color-light-chat-incoming-fg-primary);
    --color-chat-incoming-fg-secondary: var(--color-light-chat-incoming-fg-secondary);
    --color-chat-incoming-bg-primary: var(--color-light-chat-incoming-bg-primary);
    --color-chat-incoming-bg-secondary: var(--color-light-chat-incoming-bg-secondary);
    --color-chat-outgoing-fg-primary: var(--color-light-chat-outgoing-fg-primary);
    --color-chat-outgoing-fg-secondary: var(--color-light-chat-outgoing-fg-secondary);
    --color-chat-outgoing-bg-primary: var(--color-light-chat-outgoing-bg-primary);
    --color-chat-outgoing-bg-secondary: var(--color-light-chat-outgoing-bg-secondary);
    --border-default: 1px solid var(--color-utility-detail);
    --border-radius-xs: 4px;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-full: 9999px;
    --shadow-light-xs: 0px 1px 2px rgba(0, 0, 0, .05);
    --shadow-light-sm: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);
    --shadow-light-md: 0px 4px 6px -1px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .06);
    --shadow-light-lg: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -2px rgba(0, 0, 0, .05);
    --shadow-light-xl: 0px 20px 25px -5px rgba(0, 0, 0, .1), 0px 10px 10px -5px rgba(0, 0, 0, .04);
    --shadow-dark-xs: 0px 1px 2px rgba(0, 0, 0, .05);
    --shadow-dark-sm: 0px 1px 3px rgba(0, 0, 0, .2), 0px 1px 2px rgba(0, 0, 0, .12);
    --shadow-dark-md: 0px 4px 6px -1px rgba(0, 0, 0, .2), 0px 2px 4px -1px rgba(0, 0, 0, .12);
    --shadow-dark-lg: 0px 10px 15px -3px rgba(0, 0, 0, .2), 0px 4px 6px -2px rgba(0, 0, 0, .1);
    --shadow-dark-xl: 0px 20px 25px -5px rgba(0, 0, 0, .2), 0px 10px 10px -5px rgba(0, 0, 0, .08);
    --shadow-xs: var(--shadow-light-xs);
    --shadow-sm: var(--shadow-light-sm);
    --shadow-md: var(--shadow-light-md);
    --shadow-lg: var(--shadow-light-lg);
    --shadow-xl: var(--shadow-light-xl);
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-32: 32px;
    --font-size-36: 36px;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-heavy: 800
}

.dark-mode,
.dark-theme {
    --color-fg-primary: var(--color-dark-fg-primary);
    --color-fg-secondary: var(--color-dark-fg-secondary);
    --color-fg-tertiary: var(--color-dark-fg-tertiary);
    --color-bg-primary: var(--color-dark-bg-primary);
    --color-bg-primary-rgb: var(--color-dark-bg-primary-rgb);
    --color-bg-secondary: var(--color-dark-bg-secondary);
    --color-bg-tertiary: var(--color-dark-bg-tertiary);
    --color-bg-elevated-primary: var(--color-dark-bg-elevated-primary);
    --color-bg-elevated-secondary: var(--color-dark-bg-elevated-secondary);
    --color-bg-elevated-tertiary: var(--color-dark-bg-elevated-tertiary);
    --color-utility-detail: var(--color-dark-utility-detail);
    --color-utility-black: var(--color-dark-utility-black);
    --color-utility-white: var(--color-dark-utility-white);
    --color-utility-transparent: var(--color-dark-utility-transparent);
    --color-utility-modal: var(--color-dark-utility-modal);
    --color-utility-hover: var(--color-dark-utility-hover);
    --color-accent-fg-red: var(--color-dark-accent-fg-red);
    --color-accent-fg-orange: var(--color-dark-accent-fg-orange);
    --color-accent-fg-yellow: var(--color-dark-accent-fg-yellow);
    --color-accent-fg-green: var(--color-dark-accent-fg-green);
    --color-accent-fg-cyan: var(--color-dark-accent-fg-cyan);
    --color-accent-fg-blue: var(--color-dark-accent-fg-blue);
    --color-accent-fg-purple: var(--color-dark-accent-fg-purple);
    --color-accent-bg-red: var(--color-dark-accent-bg-red);
    --color-accent-bg-orange: var(--color-dark-accent-bg-orange);
    --color-accent-bg-yellow: var(--color-dark-accent-bg-yellow);
    --color-accent-bg-green: var(--color-dark-accent-bg-green);
    --color-accent-bg-cyan: var(--color-dark-accent-bg-cyan);
    --color-accent-bg-blue: var(--color-dark-accent-bg-blue);
    --color-accent-bg-purple: var(--color-dark-accent-bg-purple);
    --color-button-mono-fg: var(--color-dark-button-mono-fg);
    --color-button-mono-bg: var(--color-dark-button-mono-bg);
    --color-button-mono-bg-hover: var(--color-dark-button-mono-bg-hover);
    --color-button-primary-fg: var(--color-dark-button-primary-fg);
    --color-button-primary-bg: var(--color-dark-button-primary-bg);
    --color-button-primary-bg-hover: var(--color-dark-button-primary-bg-hover);
    --color-button-secondary-fg: var(--color-dark-button-secondary-fg);
    --color-button-secondary-bg: var(--color-dark-button-secondary-bg);
    --color-button-secondary-bg-hover: var(--color-dark-button-secondary-bg-hover);
    --color-button-tertiary-fg: var(--color-dark-button-tertiary-fg);
    --color-button-tertiary-bg: var(--color-dark-button-tertiary-bg);
    --color-button-tertiary-bg-hover: var(--color-dark-button-tertiary-bg-hover);
    --color-button-disabled-fg: var(--color-dark-button-disabled-fg);
    --color-button-disabled-bg: var(--color-dark-button-disabled-bg);
    --color-tooltip-fg: var(--color-dark-tooltip-fg);
    --color-tooltip-bg: var(--color-dark-tooltip-bg);
    --color-semantic-error-fg-primary: var(--color-dark-semantic-error-fg-primary);
    --color-semantic-error-bg-primary: var(--color-dark-semantic-error-bg-primary);
    --color-semantic-error-bg-secondary: var(--color-dark-semantic-error-bg-secondary);
    --color-semantic-error-utility-detail: var(--color-dark-semantic-error-utility-detail);
    --color-semantic-error-utility-contrast: var(--color-dark-semantic-error-utility-contrast);
    --color-semantic-success-fg-primary: var(--color-dark-semantic-success-fg-primary);
    --color-semantic-success-bg-primary: var(--color-dark-semantic-success-bg-primary);
    --color-semantic-success-bg-secondary: var(--color-dark-semantic-success-bg-secondary);
    --color-semantic-success-utility-detail: var(--color-dark-semantic-success-utility-detail);
    --color-semantic-success-utility-contrast: var(--color-dark-semantic-success-utility-contrast);
    --color-semantic-warn-fg-primary: var(--color-dark-semantic-warn-fg-primary);
    --color-semantic-warn-bg-primary: var(--color-dark-semantic-warn-bg-primary);
    --color-semantic-warn-bg-secondary: var(--color-dark-semantic-warn-bg-secondary);
    --color-semantic-warn-utility-detail: var(--color-dark-semantic-warn-utility-detail);
    --color-semantic-warn-utility-contrast: var(--color-dark-semantic-warn-utility-contrast);
    --color-semantic-paid-fg-primary: var(--color-dark-semantic-paid-fg-primary);
    --color-semantic-paid-bg-primary: var(--color-dark-semantic-paid-bg-primary);
    --color-semantic-paid-bg-secondary: var(--color-dark-semantic-paid-bg-secondary);
    --color-semantic-paid-utility-detail: var(--color-dark-semantic-paid-utility-detail);
    --color-semantic-paid-utility-contrast: var(--color-dark-semantic-paid-utility-contrast);
    --color-semantic-substack-fg-primary: var(--color-dark-semantic-substack-fg-primary);
    --color-semantic-substack-bg-primary: var(--color-dark-semantic-substack-bg-primary);
    --color-semantic-substack-bg-secondary: var(--color-dark-semantic-substack-bg-secondary);
    --color-semantic-substack-utility-detail: var(--color-dark-semantic-substack-utility-detail);
    --color-semantic-substack-utility-contrast: var(--color-dark-semantic-substack-utility-contrast);
    --color-semantic-select-fg-primary: var(--color-dark-semantic-select-fg-primary);
    --color-semantic-select-bg-primary: var(--color-dark-semantic-select-bg-primary);
    --color-semantic-select-bg-secondary: var(--color-dark-semantic-select-bg-secondary);
    --color-semantic-select-utility-detail: var(--color-dark-semantic-select-utility-detail);
    --color-semantic-select-utility-contrast: var(--color-dark-semantic-select-utility-contrast);
    --color-semantic-highlight-fg-primary: var(--color-dark-semantic-highlight-fg-primary);
    --color-semantic-highlight-bg-primary: var(--color-dark-semantic-highlight-bg-primary);
    --color-semantic-highlight-bg-secondary: var(--color-dark-semantic-highlight-bg-secondary);
    --color-semantic-highlight-utility-detail: var(--color-dark-semantic-highlight-utility-detail);
    --color-semantic-highlight-utility-contrast: var(--color-dark-semantic-highlight-utility-contrast);
    --color-chat-incoming-fg-primary: var(--color-dark-chat-incoming-fg-primary);
    --color-chat-incoming-fg-secondary: var(--color-dark-chat-incoming-fg-secondary);
    --color-chat-incoming-bg-primary: var(--color-dark-chat-incoming-bg-primary);
    --color-chat-incoming-bg-secondary: var(--color-dark-chat-incoming-bg-secondary);
    --color-chat-outgoing-fg-primary: var(--color-dark-chat-outgoing-fg-primary);
    --color-chat-outgoing-fg-secondary: var(--color-dark-chat-outgoing-fg-secondary);
    --color-chat-outgoing-bg-primary: var(--color-dark-chat-outgoing-bg-primary);
    --color-chat-outgoing-bg-secondary: var(--color-dark-chat-outgoing-bg-secondary);
    --border-default: 1px solid var(--color-utility-detail);
    --shadow-xs: var(--shadow-dark-xs);
    --shadow-sm: var(--shadow-dark-sm);
    --shadow-md: var(--shadow-dark-md);
    --shadow-lg: var(--shadow-dark-lg);
    --shadow-xl: var(--shadow-dark-xl)
}

.pc-reset {
    text-decoration: unset;
    list-style: none
}

.pc-border {
    border: 1px solid var(--color-utility-detail)
}

.pc-color-fg-primary {
    color: var(--color-fg-primary)
}

.pc-color-fg-secondary {
    color: var(--color-fg-secondary)
}

.pc-color-fg-tertiary {
    color: var(--color-fg-tertiary)
}

.pc-backgroundColor-transparent {
    background-color: var(--background-color-transparent)
}

.pc-backgroundColor-unset {
    background-color: var(--background-color-unset)
}

.pc-backgroundColor-bg-primary {
    background-color: var(--color-bg-primary)
}

.pc-backgroundColor-bg-secondary {
    background-color: var(--color-bg-secondary)
}

.pc-backgroundColor-bg-tertiary {
    background-color: var(--color-bg-tertiary)
}

.pc-backgroundColor-bg-elevated-primary {
    background-color: var(--color-bg-elevated-primary)
}

.pc-backgroundColor-bg-elevated-secondary {
    background-color: var(--color-bg-elevated-secondary)
}

.pc-backgroundColor-bg-elevated-tertiary {
    background-color: var(--color-bg-elevated-tertiary)
}

.pc-borderRadius-xs {
    border-radius: var(--border-radius-xs)
}

.pc-borderRadius-sm {
    border-radius: var(--border-radius-sm)
}

.pc-borderRadius-md {
    border-radius: var(--border-radius-md)
}

.pc-borderRadius-lg {
    border-radius: var(--border-radius-lg)
}

.pc-borderRadius-full {
    border-radius: var(--border-radius-full)
}

.pc-borderColor-transparent {
    border-color: transparent
}

.pc-borderColor-utility-detail {
    border-color: var(--color-utility-detail)
}

.pc-boxShadow-xs {
    box-shadow: var(--shadow-xs)
}

.pc-boxShadow-sm {
    box-shadow: var(--shadow-sm)
}

.pc-boxShadow-md {
    box-shadow: var(--shadow-md)
}

.pc-boxShadow-lg {
    box-shadow: var(--shadow-lg)
}

.pc-boxShadow-xl {
    box-shadow: var(--shadow-xl)
}

.pc-fontSize-11 {
    font-size: var(--font-size-11)
}

.pc-fontSize-12 {
    font-size: var(--font-size-12)
}

.pc-fontSize-13 {
    font-size: var(--font-size-13)
}

.pc-fontSize-14 {
    font-size: var(--font-size-14)
}

.pc-fontSize-15 {
    font-size: var(--font-size-15)
}

.pc-fontSize-16 {
    font-size: var(--font-size-16)
}

.pc-fontSize-17 {
    font-size: var(--font-size-17)
}

.pc-fontSize-18 {
    font-size: var(--font-size-18)
}

.pc-fontSize-19 {
    font-size: var(--font-size-19)
}

.pc-fontSize-20 {
    font-size: var(--font-size-20)
}

.pc-fontSize-24 {
    font-size: var(--font-size-24)
}

.pc-fontSize-30 {
    font-size: var(--font-size-30)
}

.pc-fontSize-32 {
    font-size: var(--font-size-32)
}

.pc-fontSize-36 {
    font-size: var(--font-size-36)
}

.pc-fontWeight-regular {
    font-weight: var(--font-weight-regular)
}

.pc-fontWeight-medium {
    font-weight: var(--font-weight-medium)
}

.pc-fontWeight-semibold {
    font-weight: var(--font-weight-semibold)
}

.pc-fontWeight-bold {
    font-weight: var(--font-weight-bold)
}

.pc-fontWeight-heavy {
    font-weight: var(--font-weight-heavy)
}

.pc-display-block {
    display: block
}

.pc-display-inline {
    display: inline
}

.pc-display-inline-block {
    display: inline-block
}

.pc-display-flex {
    display: flex
}

.pc-display-inline-flex {
    display: inline-flex
}

.pc-display-grid {
    display: grid
}

.pc-display-contents {
    display: contents
}

.pc-display-none {
    display: none
}

.pc-position-relative {
    position: relative
}

.pc-position-absolute {
    position: absolute
}

.pc-position-fixed {
    position: fixed
}

.pc-inset-0 {
    inset: 0
}

.pc-cursor-pointer {
    cursor: pointer
}

.pc-cursor-text {
    cursor: text
}

.pc-cursor-grab {
    cursor: grab
}

.pc-cursor-grabbing {
    cursor: grabbing
}

.pc-flexDirection-column {
    flex-direction: column
}

.pc-flexDirection-row {
    flex-direction: row
}

.pc-flexDirection-row-reverse {
    flex-direction: row-reverse
}

.pc-flexDirection-column-reverse {
    flex-direction: column-reverse
}

.pc-flexWrap-nowrap {
    flex-wrap: nowrap
}

.pc-flexWrap-wrap {
    flex-wrap: wrap
}

.pc-flexWrap-wrap-reverse {
    flex-wrap: wrap-reverse
}

.pc-flexGrow-1 {
    flex-grow: 1
}

.pc-flexShrink-1 {
    flex-shrink: 1
}

.pc-flexBasis-auto {
    flex-basis: auto
}

.pc-flexBasis-0 {
    flex-basis: 0
}

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

.pc-justifyContent-space-between {
    justify-content: space-between
}

.pc-justifyContent-center {
    justify-content: center
}

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

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

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

.pc-alignItems-center {
    align-items: center
}

.pc-alignItems-stretch {
    align-items: stretch
}

.pc-alignItems-baseline {
    align-items: baseline
}

.pc-alignSelf-flex-start {
    align-self: flex-start
}

.pc-alignSelf-flex-end {
    align-self: flex-end
}

.pc-alignSelf-center {
    align-self: center
}

.pc-alignSelf-stretch {
    align-self: stretch
}

.pc-alignSelf-baseline {
    align-self: baseline
}

.pc-gap-0 {
    gap: 0px
}

.pc-gap-2 {
    gap: 2px
}

.pc-gap-4 {
    gap: 4px
}

.pc-gap-6 {
    gap: 6px
}

.pc-gap-8 {
    gap: 8px
}

.pc-gap-12 {
    gap: 12px
}

.pc-gap-16 {
    gap: 16px
}

.pc-gap-20 {
    gap: 20px
}

.pc-gap-24 {
    gap: 24px
}

.pc-gap-28 {
    gap: 28px
}

.pc-gap-32 {
    gap: 32px
}

.pc-gap-36 {
    gap: 36px
}

.pc-gap-40 {
    gap: 40px
}

.pc-gap-48 {
    gap: 48px
}

.pc-gap-56 {
    gap: 56px
}

.pc-gap-64 {
    gap: 64px
}

.pc-gap-72 {
    gap: 72px
}

.pc-gap-80 {
    gap: 80px
}

.pc-gap-96 {
    gap: 96px
}

.pc-gap-120 {
    gap: 120px
}

.pc-opacity-0 {
    opacity: 0%
}

.pc-opacity-10 {
    opacity: 10%
}

.pc-opacity-20 {
    opacity: 20%
}

.pc-opacity-30 {
    opacity: 30%
}

.pc-opacity-40 {
    opacity: 40%
}

.pc-opacity-50 {
    opacity: 50%
}

.pc-opacity-60 {
    opacity: 60%
}

.pc-opacity-70 {
    opacity: 70%
}

.pc-opacity-80 {
    opacity: 80%
}

.pc-opacity-90 {
    opacity: 90%
}

.pc-opacity-100 {
    opacity: 100%
}

.pc-margin-0 {
    margin: 0
}

.pc-padding-0 {
    padding: 0
}

.pc-padding-2 {
    padding: 2px
}

.pc-padding-4 {
    padding: 4px
}

.pc-padding-6 {
    padding: 6px
}

.pc-padding-8 {
    padding: 8px
}

.pc-padding-12 {
    padding: 12px
}

.pc-padding-16 {
    padding: 16px
}

.pc-padding-20 {
    padding: 20px
}

.pc-padding-24 {
    padding: 24px
}

.pc-padding-28 {
    padding: 28px
}

.pc-padding-32 {
    padding: 32px
}

.pc-padding-40 {
    padding: 40px
}

.pc-padding-48 {
    padding: 48px
}

.pc-padding-56 {
    padding: 56px
}

.pc-padding-64 {
    padding: 64px
}

.pc-padding-72 {
    padding: 72px
}

.pc-padding-80 {
    padding: 80px
}

.pc-padding-100 {
    padding: 100px
}

.pc-padding-120 {
    padding: 120px
}

.pc-paddingLeft-0 {
    padding-left: 0
}

.pc-paddingLeft-2 {
    padding-left: 2px
}

.pc-paddingLeft-4 {
    padding-left: 4px
}

.pc-paddingLeft-6 {
    padding-left: 6px
}

.pc-paddingLeft-8 {
    padding-left: 8px
}

.pc-paddingLeft-12 {
    padding-left: 12px
}

.pc-paddingLeft-16 {
    padding-left: 16px
}

.pc-paddingLeft-20 {
    padding-left: 20px
}

.pc-paddingLeft-24 {
    padding-left: 24px
}

.pc-paddingLeft-28 {
    padding-left: 28px
}

.pc-paddingLeft-32 {
    padding-left: 32px
}

.pc-paddingLeft-40 {
    padding-left: 40px
}

.pc-paddingLeft-48 {
    padding-left: 48px
}

.pc-paddingLeft-56 {
    padding-left: 56px
}

.pc-paddingLeft-64 {
    padding-left: 64px
}

.pc-paddingLeft-72 {
    padding-left: 72px
}

.pc-paddingLeft-80 {
    padding-left: 80px
}

.pc-paddingLeft-100 {
    padding-left: 100px
}

.pc-paddingLeft-120 {
    padding-left: 120px
}

.pc-paddingTop-0 {
    padding-top: 0
}

.pc-paddingTop-2 {
    padding-top: 2px
}

.pc-paddingTop-4 {
    padding-top: 4px
}

.pc-paddingTop-6 {
    padding-top: 6px
}

.pc-paddingTop-8 {
    padding-top: 8px
}

.pc-paddingTop-12 {
    padding-top: 12px
}

.pc-paddingTop-16 {
    padding-top: 16px
}

.pc-paddingTop-20 {
    padding-top: 20px
}

.pc-paddingTop-24 {
    padding-top: 24px
}

.pc-paddingTop-28 {
    padding-top: 28px
}

.pc-paddingTop-32 {
    padding-top: 32px
}

.pc-paddingTop-40 {
    padding-top: 40px
}

.pc-paddingTop-48 {
    padding-top: 48px
}

.pc-paddingTop-56 {
    padding-top: 56px
}

.pc-paddingTop-64 {
    padding-top: 64px
}

.pc-paddingTop-72 {
    padding-top: 72px
}

.pc-paddingTop-80 {
    padding-top: 80px
}

.pc-paddingTop-100 {
    padding-top: 100px
}

.pc-paddingTop-120 {
    padding-top: 120px
}

.pc-paddingRight-0 {
    padding-right: 0
}

.pc-paddingRight-2 {
    padding-right: 2px
}

.pc-paddingRight-4 {
    padding-right: 4px
}

.pc-paddingRight-6 {
    padding-right: 6px
}

.pc-paddingRight-8 {
    padding-right: 8px
}

.pc-paddingRight-12 {
    padding-right: 12px
}

.pc-paddingRight-16 {
    padding-right: 16px
}

.pc-paddingRight-20 {
    padding-right: 20px
}

.pc-paddingRight-24 {
    padding-right: 24px
}

.pc-paddingRight-28 {
    padding-right: 28px
}

.pc-paddingRight-32 {
    padding-right: 32px
}

.pc-paddingRight-40 {
    padding-right: 40px
}

.pc-paddingRight-48 {
    padding-right: 48px
}

.pc-paddingRight-56 {
    padding-right: 56px
}

.pc-paddingRight-64 {
    padding-right: 64px
}

.pc-paddingRight-72 {
    padding-right: 72px
}

.pc-paddingRight-80 {
    padding-right: 80px
}

.pc-paddingRight-100 {
    padding-right: 100px
}

.pc-paddingRight-120 {
    padding-right: 120px
}

.pc-paddingBottom-0 {
    padding-bottom: 0
}

.pc-paddingBottom-2 {
    padding-bottom: 2px
}

.pc-paddingBottom-4 {
    padding-bottom: 4px
}

.pc-paddingBottom-6 {
    padding-bottom: 6px
}

.pc-paddingBottom-8 {
    padding-bottom: 8px
}

.pc-paddingBottom-12 {
    padding-bottom: 12px
}

.pc-paddingBottom-16 {
    padding-bottom: 16px
}

.pc-paddingBottom-20 {
    padding-bottom: 20px
}

.pc-paddingBottom-24 {
    padding-bottom: 24px
}

.pc-paddingBottom-28 {
    padding-bottom: 28px
}

.pc-paddingBottom-32 {
    padding-bottom: 32px
}

.pc-paddingBottom-40 {
    padding-bottom: 40px
}

.pc-paddingBottom-48 {
    padding-bottom: 48px
}

.pc-paddingBottom-56 {
    padding-bottom: 56px
}

.pc-paddingBottom-64 {
    padding-bottom: 64px
}

.pc-paddingBottom-72 {
    padding-bottom: 72px
}

.pc-paddingBottom-80 {
    padding-bottom: 80px
}

.pc-paddingBottom-100 {
    padding-bottom: 100px
}

.pc-paddingBottom-120 {
    padding-bottom: 120px
}

.pc-top-0 {
    top: 0
}

.pc-top-100 {
    top: 100%
}

.pc-width-0 {
    width: 0px
}

.pc-width-4 {
    width: 4px
}

.pc-width-8 {
    width: 8px
}

.pc-width-12 {
    width: 12px
}

.pc-width-16 {
    width: 16px
}

.pc-width-20 {
    width: 20px
}

.pc-width-24 {
    width: 24px
}

.pc-width-28 {
    width: 28px
}

.pc-width-32 {
    width: 32px
}

.pc-width-36 {
    width: 36px
}

.pc-width-40 {
    width: 40px
}

.pc-width-44 {
    width: 44px
}

.pc-width-48 {
    width: 48px
}

.pc-width-52 {
    width: 52px
}

.pc-width-56 {
    width: 56px
}

.pc-width-60 {
    width: 60px
}

.pc-width-64 {
    width: 64px
}

.pc-width-68 {
    width: 68px
}

.pc-width-72 {
    width: 72px
}

.pc-width-76 {
    width: 76px
}

.pc-width-80 {
    width: 80px
}

.pc-width-84 {
    width: 84px
}

.pc-width-88 {
    width: 88px
}

.pc-width-92 {
    width: 92px
}

.pc-width-96 {
    width: 96px
}

.pc-width-100 {
    width: 100px
}

.pc-width-120 {
    width: 120px
}

.pc-width-140 {
    width: 140px
}

.pc-width-160 {
    width: 160px
}

.pc-width-180 {
    width: 180px
}

.pc-width-200 {
    width: 200px
}

.pc-width-220 {
    width: 220px
}

.pc-width-240 {
    width: 240px
}

.pc-width-260 {
    width: 260px
}

.pc-width-280 {
    width: 280px
}

.pc-width-300 {
    width: 300px
}

.pc-width-320 {
    width: 320px
}

.pc-width-340 {
    width: 340px
}

.pc-width-360 {
    width: 360px
}

.pc-width-380 {
    width: 380px
}

.pc-width-400 {
    width: 400px
}

.pc-width-420 {
    width: 420px
}

.pc-width-440 {
    width: 440px
}

.pc-width-460 {
    width: 460px
}

.pc-width-480 {
    width: 480px
}

.pc-width-500 {
    width: 500px
}

.pc-width-520 {
    width: 520px
}

.pc-width-540 {
    width: 540px
}

.pc-width-560 {
    width: 560px
}

.pc-width-580 {
    width: 580px
}

.pc-width-600 {
    width: 600px
}

.pc-height-0 {
    height: 0px
}

.pc-height-4 {
    height: 4px
}

.pc-height-8 {
    height: 8px
}

.pc-height-12 {
    height: 12px
}

.pc-height-16 {
    height: 16px
}

.pc-height-20 {
    height: 20px
}

.pc-height-24 {
    height: 24px
}

.pc-height-28 {
    height: 28px
}

.pc-height-32 {
    height: 32px
}

.pc-height-36 {
    height: 36px
}

.pc-height-40 {
    height: 40px
}

.pc-height-44 {
    height: 44px
}

.pc-height-48 {
    height: 48px
}

.pc-height-52 {
    height: 52px
}

.pc-height-56 {
    height: 56px
}

.pc-height-60 {
    height: 60px
}

.pc-height-64 {
    height: 64px
}

.pc-height-68 {
    height: 68px
}

.pc-height-72 {
    height: 72px
}

.pc-height-76 {
    height: 76px
}

.pc-height-80 {
    height: 80px
}

.pc-height-84 {
    height: 84px
}

.pc-height-88 {
    height: 88px
}

.pc-height-92 {
    height: 92px
}

.pc-height-96 {
    height: 96px
}

.pc-height-100 {
    height: 100px
}

.pc-height-120 {
    height: 120px
}

.pc-height-140 {
    height: 140px
}

.pc-height-160 {
    height: 160px
}

.pc-height-180 {
    height: 180px
}

.pc-height-200 {
    height: 200px
}

.pc-height-220 {
    height: 220px
}

.pc-height-240 {
    height: 240px
}

.pc-height-260 {
    height: 260px
}

.pc-height-280 {
    height: 280px
}

.pc-height-300 {
    height: 300px
}

.pc-height-320 {
    height: 320px
}

.pc-height-340 {
    height: 340px
}

.pc-height-360 {
    height: 360px
}

.pc-height-380 {
    height: 380px
}

.pc-height-400 {
    height: 400px
}

.pc-height-420 {
    height: 420px
}

.pc-height-440 {
    height: 440px
}

.pc-height-460 {
    height: 460px
}

.pc-height-480 {
    height: 480px
}

.pc-height-500 {
    height: 500px
}

.pc-height-520 {
    height: 520px
}

.pc-height-540 {
    height: 540px
}

.pc-height-560 {
    height: 560px
}

.pc-height-580 {
    height: 580px
}

.pc-height-600 {
    height: 600px
}

.pc-maxWidth-0 {
    max-width: 0px
}

.pc-maxWidth-4 {
    max-width: 4px
}

.pc-maxWidth-8 {
    max-width: 8px
}

.pc-maxWidth-12 {
    max-width: 12px
}

.pc-maxWidth-16 {
    max-width: 16px
}

.pc-maxWidth-20 {
    max-width: 20px
}

.pc-maxWidth-24 {
    max-width: 24px
}

.pc-maxWidth-28 {
    max-width: 28px
}

.pc-maxWidth-32 {
    max-width: 32px
}

.pc-maxWidth-36 {
    max-width: 36px
}

.pc-maxWidth-40 {
    max-width: 40px
}

.pc-maxWidth-44 {
    max-width: 44px
}

.pc-maxWidth-48 {
    max-width: 48px
}

.pc-maxWidth-52 {
    max-width: 52px
}

.pc-maxWidth-56 {
    max-width: 56px
}

.pc-maxWidth-60 {
    max-width: 60px
}

.pc-maxWidth-64 {
    max-width: 64px
}

.pc-maxWidth-68 {
    max-width: 68px
}

.pc-maxWidth-72 {
    max-width: 72px
}

.pc-maxWidth-76 {
    max-width: 76px
}

.pc-maxWidth-80 {
    max-width: 80px
}

.pc-maxWidth-84 {
    max-width: 84px
}

.pc-maxWidth-88 {
    max-width: 88px
}

.pc-maxWidth-92 {
    max-width: 92px
}

.pc-maxWidth-96 {
    max-width: 96px
}

.pc-maxWidth-100 {
    max-width: 100px
}

.pc-maxWidth-120 {
    max-width: 120px
}

.pc-maxWidth-140 {
    max-width: 140px
}

.pc-maxWidth-160 {
    max-width: 160px
}

.pc-maxWidth-180 {
    max-width: 180px
}

.pc-maxWidth-200 {
    max-width: 200px
}

.pc-maxWidth-220 {
    max-width: 220px
}

.pc-maxWidth-240 {
    max-width: 240px
}

.pc-maxWidth-260 {
    max-width: 260px
}

.pc-maxWidth-280 {
    max-width: 280px
}

.pc-maxWidth-300 {
    max-width: 300px
}

.pc-maxWidth-320 {
    max-width: 320px
}

.pc-maxWidth-340 {
    max-width: 340px
}

.pc-maxWidth-360 {
    max-width: 360px
}

.pc-maxWidth-380 {
    max-width: 380px
}

.pc-maxWidth-400 {
    max-width: 400px
}

.pc-maxWidth-420 {
    max-width: 420px
}

.pc-maxWidth-440 {
    max-width: 440px
}

.pc-maxWidth-460 {
    max-width: 460px
}

.pc-maxWidth-480 {
    max-width: 480px
}

.pc-maxWidth-500 {
    max-width: 500px
}

.pc-maxWidth-520 {
    max-width: 520px
}

.pc-maxWidth-540 {
    max-width: 540px
}

.pc-maxWidth-560 {
    max-width: 560px
}

.pc-maxWidth-580 {
    max-width: 580px
}

.pc-maxWidth-600 {
    max-width: 600px
}

.pc-maxHeight-0 {
    max-height: 0px
}

.pc-maxHeight-4 {
    max-height: 4px
}

.pc-maxHeight-8 {
    max-height: 8px
}

.pc-maxHeight-12 {
    max-height: 12px
}

.pc-maxHeight-16 {
    max-height: 16px
}

.pc-maxHeight-20 {
    max-height: 20px
}

.pc-maxHeight-24 {
    max-height: 24px
}

.pc-maxHeight-28 {
    max-height: 28px
}

.pc-maxHeight-32 {
    max-height: 32px
}

.pc-maxHeight-36 {
    max-height: 36px
}

.pc-maxHeight-40 {
    max-height: 40px
}

.pc-maxHeight-44 {
    max-height: 44px
}

.pc-maxHeight-48 {
    max-height: 48px
}

.pc-maxHeight-52 {
    max-height: 52px
}

.pc-maxHeight-56 {
    max-height: 56px
}

.pc-maxHeight-60 {
    max-height: 60px
}

.pc-maxHeight-64 {
    max-height: 64px
}

.pc-maxHeight-68 {
    max-height: 68px
}

.pc-maxHeight-72 {
    max-height: 72px
}

.pc-maxHeight-76 {
    max-height: 76px
}

.pc-maxHeight-80 {
    max-height: 80px
}

.pc-maxHeight-84 {
    max-height: 84px
}

.pc-maxHeight-88 {
    max-height: 88px
}

.pc-maxHeight-92 {
    max-height: 92px
}

.pc-maxHeight-96 {
    max-height: 96px
}

.pc-maxHeight-100 {
    max-height: 100px
}

.pc-maxHeight-120 {
    max-height: 120px
}

.pc-maxHeight-140 {
    max-height: 140px
}

.pc-maxHeight-160 {
    max-height: 160px
}

.pc-maxHeight-180 {
    max-height: 180px
}

.pc-maxHeight-200 {
    max-height: 200px
}

.pc-maxHeight-220 {
    max-height: 220px
}

.pc-maxHeight-240 {
    max-height: 240px
}

.pc-maxHeight-260 {
    max-height: 260px
}

.pc-maxHeight-280 {
    max-height: 280px
}

.pc-maxHeight-300 {
    max-height: 300px
}

.pc-maxHeight-320 {
    max-height: 320px
}

.pc-maxHeight-340 {
    max-height: 340px
}

.pc-maxHeight-360 {
    max-height: 360px
}

.pc-maxHeight-380 {
    max-height: 380px
}

.pc-maxHeight-400 {
    max-height: 400px
}

.pc-maxHeight-420 {
    max-height: 420px
}

.pc-maxHeight-440 {
    max-height: 440px
}

.pc-maxHeight-460 {
    max-height: 460px
}

.pc-maxHeight-480 {
    max-height: 480px
}

.pc-maxHeight-500 {
    max-height: 500px
}

.pc-maxHeight-520 {
    max-height: 520px
}

.pc-maxHeight-540 {
    max-height: 540px
}

.pc-maxHeight-560 {
    max-height: 560px
}

.pc-maxHeight-580 {
    max-height: 580px
}

.pc-maxHeight-600 {
    max-height: 600px
}

.pc-minWidth-0 {
    min-width: 0px
}

.pc-minWidth-100 {
    min-width: 100px
}

.pc-minWidth-320 {
    min-width: 320px
}

.pc-minWidth-400 {
    min-width: 400px
}

.pc-minHeight-0 {
    min-height: 0px
}

.pc-minHeight-48 {
    min-height: 48px
}

.pc-minHeight-72 {
    min-height: 72px
}

.pc-minHeight-220 {
    min-height: 220px
}

.pc-pointerEvents-none {
    pointer-events: none
}

.pc-pointerEvents-auto {
    pointer-events: auto
}

.pc-userSelect-none {
    -webkit-user-select: none;
    user-select: none
}

.pc-zIndex--1 {
    z-index: -1
}

.pc-zIndex-1 {
    z-index: 1
}

@media screen and (max-width: 650px) {
    .pc-mobile-display-block {
        display: block
    }

    .pc-mobile-display-inline {
        display: inline
    }

    .pc-mobile-display-inline-block {
        display: inline-block
    }

    .pc-mobile-display-flex {
        display: flex
    }

    .pc-mobile-display-inline-flex {
        display: inline-flex
    }

    .pc-mobile-display-grid {
        display: grid
    }

    .pc-mobile-display-contents {
        display: contents
    }

    .pc-mobile-display-none {
        display: none
    }

    .pc-mobile-position-relative {
        position: relative
    }

    .pc-mobile-position-absolute {
        position: absolute
    }

    .pc-mobile-position-fixed {
        position: fixed
    }

    .pc-mobile-inset-0 {
        inset: 0
    }

    .pc-mobile-cursor-pointer {
        cursor: pointer
    }

    .pc-mobile-cursor-text {
        cursor: text
    }

    .pc-mobile-cursor-grab {
        cursor: grab
    }

    .pc-mobile-cursor-grabbing {
        cursor: grabbing
    }

    .pc-mobile-flexDirection-column {
        flex-direction: column
    }

    .pc-mobile-flexDirection-row {
        flex-direction: row
    }

    .pc-mobile-flexDirection-row-reverse {
        flex-direction: row-reverse
    }

    .pc-mobile-flexDirection-column-reverse {
        flex-direction: column-reverse
    }

    .pc-mobile-flexWrap-nowrap {
        flex-wrap: nowrap
    }

    .pc-mobile-flexWrap-wrap {
        flex-wrap: wrap
    }

    .pc-mobile-flexWrap-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .pc-mobile-flexGrow-1 {
        flex-grow: 1
    }

    .pc-mobile-flexShrink-1 {
        flex-shrink: 1
    }

    .pc-mobile-flexBasis-auto {
        flex-basis: auto
    }

    .pc-mobile-flexBasis-0 {
        flex-basis: 0
    }

    .pc-mobile-justifyContent-flex-start {
        justify-content: flex-start
    }

    .pc-mobile-justifyContent-space-between {
        justify-content: space-between
    }

    .pc-mobile-justifyContent-center {
        justify-content: center
    }

    .pc-mobile-justifyContent-flex-end {
        justify-content: flex-end
    }

    .pc-mobile-alignItems-flex-start {
        align-items: flex-start
    }

    .pc-mobile-alignItems-flex-end {
        align-items: flex-end
    }

    .pc-mobile-alignItems-center {
        align-items: center
    }

    .pc-mobile-alignItems-stretch {
        align-items: stretch
    }

    .pc-mobile-alignItems-baseline {
        align-items: baseline
    }

    .pc-mobile-alignSelf-flex-start {
        align-self: flex-start
    }

    .pc-mobile-alignSelf-flex-end {
        align-self: flex-end
    }

    .pc-mobile-alignSelf-center {
        align-self: center
    }

    .pc-mobile-alignSelf-stretch {
        align-self: stretch
    }

    .pc-mobile-alignSelf-baseline {
        align-self: baseline
    }

    .pc-mobile-gap-0 {
        gap: 0px
    }

    .pc-mobile-gap-2 {
        gap: 2px
    }

    .pc-mobile-gap-4 {
        gap: 4px
    }

    .pc-mobile-gap-6 {
        gap: 6px
    }

    .pc-mobile-gap-8 {
        gap: 8px
    }

    .pc-mobile-gap-12 {
        gap: 12px
    }

    .pc-mobile-gap-16 {
        gap: 16px
    }

    .pc-mobile-gap-20 {
        gap: 20px
    }

    .pc-mobile-gap-24 {
        gap: 24px
    }

    .pc-mobile-gap-28 {
        gap: 28px
    }

    .pc-mobile-gap-32 {
        gap: 32px
    }

    .pc-mobile-gap-36 {
        gap: 36px
    }

    .pc-mobile-gap-40 {
        gap: 40px
    }

    .pc-mobile-gap-48 {
        gap: 48px
    }

    .pc-mobile-gap-56 {
        gap: 56px
    }

    .pc-mobile-gap-64 {
        gap: 64px
    }

    .pc-mobile-gap-72 {
        gap: 72px
    }

    .pc-mobile-gap-80 {
        gap: 80px
    }

    .pc-mobile-gap-96 {
        gap: 96px
    }

    .pc-mobile-gap-120 {
        gap: 120px
    }

    .pc-mobile-opacity-0 {
        opacity: 0%
    }

    .pc-mobile-opacity-10 {
        opacity: 10%
    }

    .pc-mobile-opacity-20 {
        opacity: 20%
    }

    .pc-mobile-opacity-30 {
        opacity: 30%
    }

    .pc-mobile-opacity-40 {
        opacity: 40%
    }

    .pc-mobile-opacity-50 {
        opacity: 50%
    }

    .pc-mobile-opacity-60 {
        opacity: 60%
    }

    .pc-mobile-opacity-70 {
        opacity: 70%
    }

    .pc-mobile-opacity-80 {
        opacity: 80%
    }

    .pc-mobile-opacity-90 {
        opacity: 90%
    }

    .pc-mobile-opacity-100 {
        opacity: 100%
    }

    .pc-mobile-margin-0 {
        margin: 0
    }

    .pc-mobile-padding-0 {
        padding: 0
    }

    .pc-mobile-padding-2 {
        padding: 2px
    }

    .pc-mobile-padding-4 {
        padding: 4px
    }

    .pc-mobile-padding-6 {
        padding: 6px
    }

    .pc-mobile-padding-8 {
        padding: 8px
    }

    .pc-mobile-padding-12 {
        padding: 12px
    }

    .pc-mobile-padding-16 {
        padding: 16px
    }

    .pc-mobile-padding-20 {
        padding: 20px
    }

    .pc-mobile-padding-24 {
        padding: 24px
    }

    .pc-mobile-padding-28 {
        padding: 28px
    }

    .pc-mobile-padding-32 {
        padding: 32px
    }

    .pc-mobile-padding-40 {
        padding: 40px
    }

    .pc-mobile-padding-48 {
        padding: 48px
    }

    .pc-mobile-padding-56 {
        padding: 56px
    }

    .pc-mobile-padding-64 {
        padding: 64px
    }

    .pc-mobile-padding-72 {
        padding: 72px
    }

    .pc-mobile-padding-80 {
        padding: 80px
    }

    .pc-mobile-padding-100 {
        padding: 100px
    }

    .pc-mobile-padding-120 {
        padding: 120px
    }

    .pc-mobile-paddingLeft-0 {
        padding-left: 0
    }

    .pc-mobile-paddingLeft-2 {
        padding-left: 2px
    }

    .pc-mobile-paddingLeft-4 {
        padding-left: 4px
    }

    .pc-mobile-paddingLeft-6 {
        padding-left: 6px
    }

    .pc-mobile-paddingLeft-8 {
        padding-left: 8px
    }

    .pc-mobile-paddingLeft-12 {
        padding-left: 12px
    }

    .pc-mobile-paddingLeft-16 {
        padding-left: 16px
    }

    .pc-mobile-paddingLeft-20 {
        padding-left: 20px
    }

    .pc-mobile-paddingLeft-24 {
        padding-left: 24px
    }

    .pc-mobile-paddingLeft-28 {
        padding-left: 28px
    }

    .pc-mobile-paddingLeft-32 {
        padding-left: 32px
    }

    .pc-mobile-paddingLeft-40 {
        padding-left: 40px
    }

    .pc-mobile-paddingLeft-48 {
        padding-left: 48px
    }

    .pc-mobile-paddingLeft-56 {
        padding-left: 56px
    }

    .pc-mobile-paddingLeft-64 {
        padding-left: 64px
    }

    .pc-mobile-paddingLeft-72 {
        padding-left: 72px
    }

    .pc-mobile-paddingLeft-80 {
        padding-left: 80px
    }

    .pc-mobile-paddingLeft-100 {
        padding-left: 100px
    }

    .pc-mobile-paddingLeft-120 {
        padding-left: 120px
    }

    .pc-mobile-paddingTop-0 {
        padding-top: 0
    }

    .pc-mobile-paddingTop-2 {
        padding-top: 2px
    }

    .pc-mobile-paddingTop-4 {
        padding-top: 4px
    }

    .pc-mobile-paddingTop-6 {
        padding-top: 6px
    }

    .pc-mobile-paddingTop-8 {
        padding-top: 8px
    }

    .pc-mobile-paddingTop-12 {
        padding-top: 12px
    }

    .pc-mobile-paddingTop-16 {
        padding-top: 16px
    }

    .pc-mobile-paddingTop-20 {
        padding-top: 20px
    }

    .pc-mobile-paddingTop-24 {
        padding-top: 24px
    }

    .pc-mobile-paddingTop-28 {
        padding-top: 28px
    }

    .pc-mobile-paddingTop-32 {
        padding-top: 32px
    }

    .pc-mobile-paddingTop-40 {
        padding-top: 40px
    }

    .pc-mobile-paddingTop-48 {
        padding-top: 48px
    }

    .pc-mobile-paddingTop-56 {
        padding-top: 56px
    }

    .pc-mobile-paddingTop-64 {
        padding-top: 64px
    }

    .pc-mobile-paddingTop-72 {
        padding-top: 72px
    }

    .pc-mobile-paddingTop-80 {
        padding-top: 80px
    }

    .pc-mobile-paddingTop-100 {
        padding-top: 100px
    }

    .pc-mobile-paddingTop-120 {
        padding-top: 120px
    }

    .pc-mobile-paddingRight-0 {
        padding-right: 0
    }

    .pc-mobile-paddingRight-2 {
        padding-right: 2px
    }

    .pc-mobile-paddingRight-4 {
        padding-right: 4px
    }

    .pc-mobile-paddingRight-6 {
        padding-right: 6px
    }

    .pc-mobile-paddingRight-8 {
        padding-right: 8px
    }

    .pc-mobile-paddingRight-12 {
        padding-right: 12px
    }

    .pc-mobile-paddingRight-16 {
        padding-right: 16px
    }

    .pc-mobile-paddingRight-20 {
        padding-right: 20px
    }

    .pc-mobile-paddingRight-24 {
        padding-right: 24px
    }

    .pc-mobile-paddingRight-28 {
        padding-right: 28px
    }

    .pc-mobile-paddingRight-32 {
        padding-right: 32px
    }

    .pc-mobile-paddingRight-40 {
        padding-right: 40px
    }

    .pc-mobile-paddingRight-48 {
        padding-right: 48px
    }

    .pc-mobile-paddingRight-56 {
        padding-right: 56px
    }

    .pc-mobile-paddingRight-64 {
        padding-right: 64px
    }

    .pc-mobile-paddingRight-72 {
        padding-right: 72px
    }

    .pc-mobile-paddingRight-80 {
        padding-right: 80px
    }

    .pc-mobile-paddingRight-100 {
        padding-right: 100px
    }

    .pc-mobile-paddingRight-120 {
        padding-right: 120px
    }

    .pc-mobile-paddingBottom-0 {
        padding-bottom: 0
    }

    .pc-mobile-paddingBottom-2 {
        padding-bottom: 2px
    }

    .pc-mobile-paddingBottom-4 {
        padding-bottom: 4px
    }

    .pc-mobile-paddingBottom-6 {
        padding-bottom: 6px
    }

    .pc-mobile-paddingBottom-8 {
        padding-bottom: 8px
    }

    .pc-mobile-paddingBottom-12 {
        padding-bottom: 12px
    }

    .pc-mobile-paddingBottom-16 {
        padding-bottom: 16px
    }

    .pc-mobile-paddingBottom-20 {
        padding-bottom: 20px
    }

    .pc-mobile-paddingBottom-24 {
        padding-bottom: 24px
    }

    .pc-mobile-paddingBottom-28 {
        padding-bottom: 28px
    }

    .pc-mobile-paddingBottom-32 {
        padding-bottom: 32px
    }

    .pc-mobile-paddingBottom-40 {
        padding-bottom: 40px
    }

    .pc-mobile-paddingBottom-48 {
        padding-bottom: 48px
    }

    .pc-mobile-paddingBottom-56 {
        padding-bottom: 56px
    }

    .pc-mobile-paddingBottom-64 {
        padding-bottom: 64px
    }

    .pc-mobile-paddingBottom-72 {
        padding-bottom: 72px
    }

    .pc-mobile-paddingBottom-80 {
        padding-bottom: 80px
    }

    .pc-mobile-paddingBottom-100 {
        padding-bottom: 100px
    }

    .pc-mobile-paddingBottom-120 {
        padding-bottom: 120px
    }

    .pc-mobile-top-0 {
        top: 0
    }

    .pc-mobile-top-100 {
        top: 100%
    }

    .pc-mobile-width-0 {
        width: 0px
    }

    .pc-mobile-width-4 {
        width: 4px
    }

    .pc-mobile-width-8 {
        width: 8px
    }

    .pc-mobile-width-12 {
        width: 12px
    }

    .pc-mobile-width-16 {
        width: 16px
    }

    .pc-mobile-width-20 {
        width: 20px
    }

    .pc-mobile-width-24 {
        width: 24px
    }

    .pc-mobile-width-28 {
        width: 28px
    }

    .pc-mobile-width-32 {
        width: 32px
    }

    .pc-mobile-width-36 {
        width: 36px
    }

    .pc-mobile-width-40 {
        width: 40px
    }

    .pc-mobile-width-44 {
        width: 44px
    }

    .pc-mobile-width-48 {
        width: 48px
    }

    .pc-mobile-width-52 {
        width: 52px
    }

    .pc-mobile-width-56 {
        width: 56px
    }

    .pc-mobile-width-60 {
        width: 60px
    }

    .pc-mobile-width-64 {
        width: 64px
    }

    .pc-mobile-width-68 {
        width: 68px
    }

    .pc-mobile-width-72 {
        width: 72px
    }

    .pc-mobile-width-76 {
        width: 76px
    }

    .pc-mobile-width-80 {
        width: 80px
    }

    .pc-mobile-width-84 {
        width: 84px
    }

    .pc-mobile-width-88 {
        width: 88px
    }

    .pc-mobile-width-92 {
        width: 92px
    }

    .pc-mobile-width-96 {
        width: 96px
    }

    .pc-mobile-width-100 {
        width: 100px
    }

    .pc-mobile-width-120 {
        width: 120px
    }

    .pc-mobile-width-140 {
        width: 140px
    }

    .pc-mobile-width-160 {
        width: 160px
    }

    .pc-mobile-width-180 {
        width: 180px
    }

    .pc-mobile-width-200 {
        width: 200px
    }

    .pc-mobile-width-220 {
        width: 220px
    }

    .pc-mobile-width-240 {
        width: 240px
    }

    .pc-mobile-width-260 {
        width: 260px
    }

    .pc-mobile-width-280 {
        width: 280px
    }

    .pc-mobile-width-300 {
        width: 300px
    }

    .pc-mobile-width-320 {
        width: 320px
    }

    .pc-mobile-width-340 {
        width: 340px
    }

    .pc-mobile-width-360 {
        width: 360px
    }

    .pc-mobile-width-380 {
        width: 380px
    }

    .pc-mobile-width-400 {
        width: 400px
    }

    .pc-mobile-width-420 {
        width: 420px
    }

    .pc-mobile-width-440 {
        width: 440px
    }

    .pc-mobile-width-460 {
        width: 460px
    }

    .pc-mobile-width-480 {
        width: 480px
    }

    .pc-mobile-width-500 {
        width: 500px
    }

    .pc-mobile-width-520 {
        width: 520px
    }

    .pc-mobile-width-540 {
        width: 540px
    }

    .pc-mobile-width-560 {
        width: 560px
    }

    .pc-mobile-width-580 {
        width: 580px
    }

    .pc-mobile-width-600 {
        width: 600px
    }

    .pc-mobile-height-0 {
        height: 0px
    }

    .pc-mobile-height-4 {
        height: 4px
    }

    .pc-mobile-height-8 {
        height: 8px
    }

    .pc-mobile-height-12 {
        height: 12px
    }

    .pc-mobile-height-16 {
        height: 16px
    }

    .pc-mobile-height-20 {
        height: 20px
    }

    .pc-mobile-height-24 {
        height: 24px
    }

    .pc-mobile-height-28 {
        height: 28px
    }

    .pc-mobile-height-32 {
        height: 32px
    }

    .pc-mobile-height-36 {
        height: 36px
    }

    .pc-mobile-height-40 {
        height: 40px
    }

    .pc-mobile-height-44 {
        height: 44px
    }

    .pc-mobile-height-48 {
        height: 48px
    }

    .pc-mobile-height-52 {
        height: 52px
    }

    .pc-mobile-height-56 {
        height: 56px
    }

    .pc-mobile-height-60 {
        height: 60px
    }

    .pc-mobile-height-64 {
        height: 64px
    }

    .pc-mobile-height-68 {
        height: 68px
    }

    .pc-mobile-height-72 {
        height: 72px
    }

    .pc-mobile-height-76 {
        height: 76px
    }

    .pc-mobile-height-80 {
        height: 80px
    }

    .pc-mobile-height-84 {
        height: 84px
    }

    .pc-mobile-height-88 {
        height: 88px
    }

    .pc-mobile-height-92 {
        height: 92px
    }

    .pc-mobile-height-96 {
        height: 96px
    }

    .pc-mobile-height-100 {
        height: 100px
    }

    .pc-mobile-height-120 {
        height: 120px
    }

    .pc-mobile-height-140 {
        height: 140px
    }

    .pc-mobile-height-160 {
        height: 160px
    }

    .pc-mobile-height-180 {
        height: 180px
    }

    .pc-mobile-height-200 {
        height: 200px
    }

    .pc-mobile-height-220 {
        height: 220px
    }

    .pc-mobile-height-240 {
        height: 240px
    }

    .pc-mobile-height-260 {
        height: 260px
    }

    .pc-mobile-height-280 {
        height: 280px
    }

    .pc-mobile-height-300 {
        height: 300px
    }

    .pc-mobile-height-320 {
        height: 320px
    }

    .pc-mobile-height-340 {
        height: 340px
    }

    .pc-mobile-height-360 {
        height: 360px
    }

    .pc-mobile-height-380 {
        height: 380px
    }

    .pc-mobile-height-400 {
        height: 400px
    }

    .pc-mobile-height-420 {
        height: 420px
    }

    .pc-mobile-height-440 {
        height: 440px
    }

    .pc-mobile-height-460 {
        height: 460px
    }

    .pc-mobile-height-480 {
        height: 480px
    }

    .pc-mobile-height-500 {
        height: 500px
    }

    .pc-mobile-height-520 {
        height: 520px
    }

    .pc-mobile-height-540 {
        height: 540px
    }

    .pc-mobile-height-560 {
        height: 560px
    }

    .pc-mobile-height-580 {
        height: 580px
    }

    .pc-mobile-height-600 {
        height: 600px
    }

    .pc-mobile-maxWidth-0 {
        max-width: 0px
    }

    .pc-mobile-maxWidth-4 {
        max-width: 4px
    }

    .pc-mobile-maxWidth-8 {
        max-width: 8px
    }

    .pc-mobile-maxWidth-12 {
        max-width: 12px
    }

    .pc-mobile-maxWidth-16 {
        max-width: 16px
    }

    .pc-mobile-maxWidth-20 {
        max-width: 20px
    }

    .pc-mobile-maxWidth-24 {
        max-width: 24px
    }

    .pc-mobile-maxWidth-28 {
        max-width: 28px
    }

    .pc-mobile-maxWidth-32 {
        max-width: 32px
    }

    .pc-mobile-maxWidth-36 {
        max-width: 36px
    }

    .pc-mobile-maxWidth-40 {
        max-width: 40px
    }

    .pc-mobile-maxWidth-44 {
        max-width: 44px
    }

    .pc-mobile-maxWidth-48 {
        max-width: 48px
    }

    .pc-mobile-maxWidth-52 {
        max-width: 52px
    }

    .pc-mobile-maxWidth-56 {
        max-width: 56px
    }

    .pc-mobile-maxWidth-60 {
        max-width: 60px
    }

    .pc-mobile-maxWidth-64 {
        max-width: 64px
    }

    .pc-mobile-maxWidth-68 {
        max-width: 68px
    }

    .pc-mobile-maxWidth-72 {
        max-width: 72px
    }

    .pc-mobile-maxWidth-76 {
        max-width: 76px
    }

    .pc-mobile-maxWidth-80 {
        max-width: 80px
    }

    .pc-mobile-maxWidth-84 {
        max-width: 84px
    }

    .pc-mobile-maxWidth-88 {
        max-width: 88px
    }

    .pc-mobile-maxWidth-92 {
        max-width: 92px
    }

    .pc-mobile-maxWidth-96 {
        max-width: 96px
    }

    .pc-mobile-maxWidth-100 {
        max-width: 100px
    }

    .pc-mobile-maxWidth-120 {
        max-width: 120px
    }

    .pc-mobile-maxWidth-140 {
        max-width: 140px
    }

    .pc-mobile-maxWidth-160 {
        max-width: 160px
    }

    .pc-mobile-maxWidth-180 {
        max-width: 180px
    }

    .pc-mobile-maxWidth-200 {
        max-width: 200px
    }

    .pc-mobile-maxWidth-220 {
        max-width: 220px
    }

    .pc-mobile-maxWidth-240 {
        max-width: 240px
    }

    .pc-mobile-maxWidth-260 {
        max-width: 260px
    }

    .pc-mobile-maxWidth-280 {
        max-width: 280px
    }

    .pc-mobile-maxWidth-300 {
        max-width: 300px
    }

    .pc-mobile-maxWidth-320 {
        max-width: 320px
    }

    .pc-mobile-maxWidth-340 {
        max-width: 340px
    }

    .pc-mobile-maxWidth-360 {
        max-width: 360px
    }

    .pc-mobile-maxWidth-380 {
        max-width: 380px
    }

    .pc-mobile-maxWidth-400 {
        max-width: 400px
    }

    .pc-mobile-maxWidth-420 {
        max-width: 420px
    }

    .pc-mobile-maxWidth-440 {
        max-width: 440px
    }

    .pc-mobile-maxWidth-460 {
        max-width: 460px
    }

    .pc-mobile-maxWidth-480 {
        max-width: 480px
    }

    .pc-mobile-maxWidth-500 {
        max-width: 500px
    }

    .pc-mobile-maxWidth-520 {
        max-width: 520px
    }

    .pc-mobile-maxWidth-540 {
        max-width: 540px
    }

    .pc-mobile-maxWidth-560 {
        max-width: 560px
    }

    .pc-mobile-maxWidth-580 {
        max-width: 580px
    }

    .pc-mobile-maxWidth-600 {
        max-width: 600px
    }

    .pc-mobile-maxHeight-0 {
        max-height: 0px
    }

    .pc-mobile-maxHeight-4 {
        max-height: 4px
    }

    .pc-mobile-maxHeight-8 {
        max-height: 8px
    }

    .pc-mobile-maxHeight-12 {
        max-height: 12px
    }

    .pc-mobile-maxHeight-16 {
        max-height: 16px
    }

    .pc-mobile-maxHeight-20 {
        max-height: 20px
    }

    .pc-mobile-maxHeight-24 {
        max-height: 24px
    }

    .pc-mobile-maxHeight-28 {
        max-height: 28px
    }

    .pc-mobile-maxHeight-32 {
        max-height: 32px
    }

    .pc-mobile-maxHeight-36 {
        max-height: 36px
    }

    .pc-mobile-maxHeight-40 {
        max-height: 40px
    }

    .pc-mobile-maxHeight-44 {
        max-height: 44px
    }

    .pc-mobile-maxHeight-48 {
        max-height: 48px
    }

    .pc-mobile-maxHeight-52 {
        max-height: 52px
    }

    .pc-mobile-maxHeight-56 {
        max-height: 56px
    }

    .pc-mobile-maxHeight-60 {
        max-height: 60px
    }

    .pc-mobile-maxHeight-64 {
        max-height: 64px
    }

    .pc-mobile-maxHeight-68 {
        max-height: 68px
    }

    .pc-mobile-maxHeight-72 {
        max-height: 72px
    }

    .pc-mobile-maxHeight-76 {
        max-height: 76px
    }

    .pc-mobile-maxHeight-80 {
        max-height: 80px
    }

    .pc-mobile-maxHeight-84 {
        max-height: 84px
    }

    .pc-mobile-maxHeight-88 {
        max-height: 88px
    }

    .pc-mobile-maxHeight-92 {
        max-height: 92px
    }

    .pc-mobile-maxHeight-96 {
        max-height: 96px
    }

    .pc-mobile-maxHeight-100 {
        max-height: 100px
    }

    .pc-mobile-maxHeight-120 {
        max-height: 120px
    }

    .pc-mobile-maxHeight-140 {
        max-height: 140px
    }

    .pc-mobile-maxHeight-160 {
        max-height: 160px
    }

    .pc-mobile-maxHeight-180 {
        max-height: 180px
    }

    .pc-mobile-maxHeight-200 {
        max-height: 200px
    }

    .pc-mobile-maxHeight-220 {
        max-height: 220px
    }

    .pc-mobile-maxHeight-240 {
        max-height: 240px
    }

    .pc-mobile-maxHeight-260 {
        max-height: 260px
    }

    .pc-mobile-maxHeight-280 {
        max-height: 280px
    }

    .pc-mobile-maxHeight-300 {
        max-height: 300px
    }

    .pc-mobile-maxHeight-320 {
        max-height: 320px
    }

    .pc-mobile-maxHeight-340 {
        max-height: 340px
    }

    .pc-mobile-maxHeight-360 {
        max-height: 360px
    }

    .pc-mobile-maxHeight-380 {
        max-height: 380px
    }

    .pc-mobile-maxHeight-400 {
        max-height: 400px
    }

    .pc-mobile-maxHeight-420 {
        max-height: 420px
    }

    .pc-mobile-maxHeight-440 {
        max-height: 440px
    }

    .pc-mobile-maxHeight-460 {
        max-height: 460px
    }

    .pc-mobile-maxHeight-480 {
        max-height: 480px
    }

    .pc-mobile-maxHeight-500 {
        max-height: 500px
    }

    .pc-mobile-maxHeight-520 {
        max-height: 520px
    }

    .pc-mobile-maxHeight-540 {
        max-height: 540px
    }

    .pc-mobile-maxHeight-560 {
        max-height: 560px
    }

    .pc-mobile-maxHeight-580 {
        max-height: 580px
    }

    .pc-mobile-maxHeight-600 {
        max-height: 600px
    }

    .pc-mobile-minWidth-0 {
        min-width: 0px
    }

    .pc-mobile-minWidth-100 {
        min-width: 100px
    }

    .pc-mobile-minWidth-320 {
        min-width: 320px
    }

    .pc-mobile-minWidth-400 {
        min-width: 400px
    }

    .pc-mobile-minHeight-0 {
        min-height: 0px
    }

    .pc-mobile-minHeight-48 {
        min-height: 48px
    }

    .pc-mobile-minHeight-72 {
        min-height: 72px
    }

    .pc-mobile-minHeight-220 {
        min-height: 220px
    }

    .pc-mobile-pointerEvents-none {
        pointer-events: none
    }

    .pc-mobile-pointerEvents-auto {
        pointer-events: auto
    }

    .pc-mobile-userSelect-none {
        -webkit-user-select: none;
        user-select: none
    }

    .pc-mobile-zIndex--1 {
        z-index: -1
    }

    .pc-mobile-zIndex-1 {
        z-index: 1
    }
}

._border-transparent_52lmt_1 {
    border: 1px solid transparent
}

._border-top-transparent_52lmt_4 {
    border-top: 1px solid transparent
}

._border-bottom-transparent_52lmt_7 {
    border-bottom: 1px solid transparent
}

._border-left-transparent_52lmt_10 {
    border-left: 1px solid transparent
}

._border-right-transparent_52lmt_13 {
    border-right: 1px solid transparent
}

._border-y-transparent_52lmt_16 {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

._border-unset_52lmt_21 {
    border: unset
}

._border-detail_52lmt_25 {
    border: var(--border-default)
}

._border-top-detail_52lmt_28 {
    border-top: var(--border-default)
}

._border-bottom-detail_52lmt_31 {
    border-bottom: var(--border-default)
}

._border-left-detail_52lmt_34 {
    border-left: var(--border-default)
}

._border-right-detail_52lmt_37 {
    border-right: var(--border-default)
}

._border-y-detail_52lmt_40 {
    border-top: var(--border-default);
    border-bottom: var(--border-default)
}

._border-detail-themed_52lmt_44 {
    border: 1px solid var(--color-detail-themed)
}

._border-top-detail-themed_52lmt_47 {
    border-top: 1px solid var(--color-detail-themed)
}

._border-bottom-detail-themed_52lmt_50 {
    border-bottom: 1px solid var(--color-detail-themed)
}

._border-left-detail-themed_52lmt_53 {
    border-left: 1px solid var(--color-detail-themed)
}

._border-right-detail-themed_52lmt_56 {
    border-right: 1px solid var(--color-detail-themed)
}

._border-y-detail-themed_52lmt_59 {
    border-top: 1px solid var(--color-detail-themed);
    border-bottom: 1px solid var(--color-detail-themed)
}

._outline-none_52lmt_64 {
    outline: none
}

._outline-detail_52lmt_67 {
    outline: 1px solid var(--color-utility-detail);
    outline-offset: -1px
}

._border-accent-themed_52lmt_72 {
    border: 1px solid var(--color-accent-themed)
}

._border-top-accent-themed_52lmt_75 {
    border-top: 1px solid var(--color-accent-themed)
}

._border-bottom-accent-themed_52lmt_78 {
    border-bottom: 1px solid var(--color-accent-themed)
}

._border-left-accent-themed_52lmt_81 {
    border-left: 1px solid var(--color-accent-themed)
}

._border-right-accent-themed_52lmt_84 {
    border-right: 1px solid var(--color-accent-themed)
}

._border-y-accent-themed_52lmt_87 {
    border-top: 1px solid var(--color-accent-themed);
    border-bottom: 1px solid var(--color-accent-themed)
}

._border-accent-red_52lmt_92 {
    border: 1px solid var(--color-accent-fg-red)
}

._border-top-accent-red_52lmt_95 {
    border-top: 1px solid var(--color-accent-fg-red)
}

._border-bottom-accent-red_52lmt_98 {
    border-bottom: 1px solid var(--color-accent-fg-red)
}

._border-left-accent-red_52lmt_101 {
    border-left: 1px solid var(--color-accent-fg-red)
}

._border-right-accent-red_52lmt_104 {
    border-right: 1px solid var(--color-accent-fg-red)
}

._border-y-accent-red_52lmt_107 {
    border-top: 1px solid var(--color-accent-fg-red);
    border-bottom: 1px solid var(--color-accent-fg-red)
}

._border-detail-dashed-themed_52lmt_112 {
    border: 1px dashed var(--color-detail-themed)
}

._border-top-detail-dashed-themed_52lmt_115 {
    border-top: 1px dashed var(--color-detail-themed)
}

._border-bottom-detail-dashed-themed_52lmt_118 {
    border-bottom: 1px dashed var(--color-detail-themed)
}

._border-left-detail-dashed-themed_52lmt_121 {
    border-left: 1px dashed var(--color-detail-themed)
}

._border-right-detail-dashed-themed_52lmt_124 {
    border-right: 1px dashed var(--color-detail-themed)
}

._border-y-detail-dashed-themed_52lmt_127 {
    border-top: 1px dashed var(--color-detail-themed);
    border-bottom: 1px dashed var(--color-detail-themed)
}

._border-detail-dashed_52lmt_112 {
    border: 1px dashed var(--color-utility-detail)
}

._border-top-detail-dashed_52lmt_115 {
    border-top: 1px dashed var(--color-utility-detail)
}

._border-bottom-detail-dashed_52lmt_118 {
    border-bottom: 1px dashed var(--color-utility-detail)
}

._border-left-detail-dashed_52lmt_121 {
    border-left: 1px dashed var(--color-utility-detail)
}

._border-right-detail-dashed_52lmt_124 {
    border-right: 1px dashed var(--color-utility-detail)
}

._border-y-detail-dashed_52lmt_127 {
    border-top: 1px dashed var(--color-utility-detail);
    border-bottom: 1px dashed var(--color-utility-detail)
}

._border-radius-xs_52lmt_152 {
    border-radius: var(--border-radius-xs)
}

._border-radius-sm_52lmt_155 {
    border-radius: var(--border-radius-sm)
}

._border-radius-md_52lmt_158 {
    border-radius: var(--border-radius-md)
}

._border-radius-lg_52lmt_161 {
    border-radius: var(--border-radius-lg)
}

._border-radius-full_52lmt_164 {
    border-radius: var(--border-radius-full)
}

._divider-detail_52lmt_168>*+* {
    border-top: var(--border-default)
}

._grayscale_52lmt_174 {
    filter: grayscale(1)
}

@media (hover: hover) {
    ._hover_52lmt_178 {
        transition: var(--animate-hover);
        cursor: pointer
    }

    ._hover_52lmt_178._bg-primary_52lmt_183:hover {
        background-color: var(--color-bg-secondary)
    }

    ._hover_52lmt_178._bg-secondary_52lmt_186:hover {
        background-color: var(--color-bg-tertiary)
    }
}

._animate_52lmt_193 {
    transition: var(--animate-hover)
}

._userSelect-none_52lmt_197 {
    -webkit-user-select: none;
    user-select: none
}

._userSelect-all_52lmt_200 {
    -webkit-user-select: all;
    user-select: all
}

._userSelect-text_52lmt_203 {
    -webkit-user-select: text;
    user-select: text
}

._userSelect-auto_52lmt_206 {
    -webkit-user-select: auto;
    user-select: auto
}

._cursor-default_52lmt_210 {
    cursor: default
}

._cursor-pointer_52lmt_213 {
    cursor: pointer
}

._cursor-text_52lmt_216 {
    cursor: text
}

._cursor-grab_52lmt_219 {
    cursor: grab
}

._cursor-grabbing_52lmt_222 {
    cursor: grabbing
}

._bg-unset_52lmt_226 {
    background-color: unset
}

._bg-primary_52lmt_183 {
    background-color: var(--color-bg-primary)
}

._bg-secondary_52lmt_186 {
    background-color: var(--color-bg-secondary)
}

._bg-tertiary_52lmt_235 {
    background-color: var(--color-bg-tertiary)
}

._bg-elevated_52lmt_238 {
    background-color: var(--color-bg-elevated-primary);
    --color-bg-primary: var(--color-bg-elevated-primary);
    --color-bg-secondary: var(--color-bg-elevated-secondary);
    --color-bg-tertiary: var(--color-bg-elevated-tertiary)
}

._bg-elevated-secondary_52lmt_244 {
    background-color: var(--color-bg-elevated-secondary)
}

._bg-utility-tooltip_52lmt_247 {
    background-color: #000000e6
}

._bg-glass-inverted-medium_52lmt_250 {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: #16171880
}

._bg-glass-inverted-thick_52lmt_254 {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: #161718cc
}

._bg-glass-thick_52lmt_258 {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background-color: #fffc
}

._bg-accent-primary_52lmt_262 {
    background-color: var(--color-accent-primary)
}

._bg-accent-purple_52lmt_268 {
    background-color: var(--color-accent-bg-purple)
}

._bg-accent-blue_52lmt_271 {
    background-color: var(--color-accent-bg-blue)
}

._bg-accent-cyan_52lmt_265 {
    background-color: var(--color-accent-bg-cyan)
}

._bg-accent-red_52lmt_277 {
    background-color: var(--color-accent-bg-red)
}

._bg-accent-orange_52lmt_280 {
    background-color: var(--color-accent-bg-orange)
}

._bg-white_52lmt_283 {
    background-color: var(--color-utility-white)
}

._bg-black_52lmt_286 {
    background-color: var(--color-utility-black)
}

._flexGrow_52lmt_290 {
    flex: 1 1 1px
}

._flexAuto_52lmt_293 {
    flex: 0 0 auto
}

._flexFill_52lmt_296 {
    flex: 1 1 auto
}

._overflow-auto_52lmt_300 {
    overflow: auto
}

._overflow-hidden_52lmt_303 {
    overflow: hidden
}

._overflow-visible_52lmt_306 {
    overflow: visible
}

._overflowY-auto_52lmt_309 {
    overflow-y: auto
}

._overflowY-hidden_52lmt_312 {
    overflow-y: hidden
}

._overflowX-auto_52lmt_315 {
    overflow-x: auto
}

._overflowX-hidden_52lmt_318 {
    overflow-x: hidden
}

._scrollBar-hidden_52lmt_322 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

._scrollBar-hidden_52lmt_322::-webkit-scrollbar {
    display: none
}

._ellipsis_52lmt_331._ellipsis_52lmt_331._ellipsis_52lmt_331._ellipsis_52lmt_331 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._sizing-border-box_52lmt_337 {
    box-sizing: border-box
}

._pullX-4_52lmt_341 {
    margin-left: -4px;
    margin-right: -4px
}

._pullX-6_52lmt_345 {
    margin-left: -6px;
    margin-right: -6px
}

._pullX-8_52lmt_349 {
    margin-left: -8px;
    margin-right: -8px
}

._pullX-12_52lmt_353 {
    margin-left: -12px;
    margin-right: -12px
}

._pullX-16_52lmt_357 {
    margin-left: -16px;
    margin-right: -16px
}

._pullX-20_52lmt_361 {
    margin-left: -20px;
    margin-right: -20px
}

._pullX-24_52lmt_365 {
    margin-left: -24px;
    margin-right: -24px
}

._pullX-32_52lmt_369 {
    margin-left: -32px;
    margin-right: -32px
}

._pullX-40_52lmt_373 {
    margin-left: -40px;
    margin-right: -40px
}

._pullX-48_52lmt_377 {
    margin-left: -48px;
    margin-right: -48px
}

._pullX-56_52lmt_381 {
    margin-left: -56px;
    margin-right: -56px
}

._pullX-64_52lmt_385 {
    margin-left: -64px;
    margin-right: -64px
}

._pullX-80_52lmt_389 {
    margin-left: -80px;
    margin-right: -80px
}

._pullX-120_52lmt_393 {
    margin-left: -120px;
    margin-right: -120px
}

._reset_q8zsn_1 {
    color: unset
}

._reset_q8zsn_1._reset_q8zsn_1._reset_q8zsn_1._reset_q8zsn_1 {
    text-decoration: unset;
    margin: 0
}

._align-left_q8zsn_10._align-left_q8zsn_10._align-left_q8zsn_10._align-left_q8zsn_10 {
    text-align: left
}

._align-center_q8zsn_13._align-center_q8zsn_13 {
    text-align: center
}

._align-right_q8zsn_16._align-right_q8zsn_16 {
    text-align: right
}

._text-wrap-balance_q8zsn_20 {
    text-wrap: balance
}

._size-inherit_q8zsn_25 {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

._size-11_q8zsn_31._size-11_q8zsn_31._size-11_q8zsn_31._size-11_q8zsn_31 {
    font-size: 11px;
    line-height: 16px
}

._size-12_q8zsn_35._size-12_q8zsn_35._size-12_q8zsn_35._size-12_q8zsn_35 {
    font-size: 12px;
    line-height: 16px
}

._size-13_q8zsn_39._size-13_q8zsn_39._size-13_q8zsn_39._size-13_q8zsn_39 {
    font-size: 13px;
    line-height: 20px
}

._size-14_q8zsn_43._size-14_q8zsn_43._size-14_q8zsn_43._size-14_q8zsn_43 {
    font-size: 14px;
    line-height: 20px
}

._size-15_q8zsn_47._size-15_q8zsn_47._size-15_q8zsn_47._size-15_q8zsn_47 {
    font-size: 15px;
    line-height: 20px
}

._size-17_q8zsn_51._size-17_q8zsn_51._size-17_q8zsn_51._size-17_q8zsn_51 {
    font-size: 17px;
    line-height: 24px
}

._size-19_q8zsn_55._size-19_q8zsn_55._size-19_q8zsn_55._size-19_q8zsn_55 {
    font-size: 19px;
    line-height: 26px
}

._size-20_q8zsn_59._size-20_q8zsn_59._size-20_q8zsn_59._size-20_q8zsn_59 {
    font-size: 20px;
    line-height: 26px
}

._size-24_q8zsn_63._size-24_q8zsn_63._size-24_q8zsn_63._size-24_q8zsn_63 {
    font-size: 24px;
    line-height: 28px
}

._size-30_q8zsn_67._size-30_q8zsn_67._size-30_q8zsn_67._size-30_q8zsn_67 {
    font-size: 30px;
    line-height: 36px
}

._size-36_q8zsn_71._size-36_q8zsn_71._size-36_q8zsn_71._size-36_q8zsn_71 {
    font-size: 36px;
    line-height: 44px
}

._line-height-16_q8zsn_77._line-height-16_q8zsn_77._line-height-16_q8zsn_77._line-height-16_q8zsn_77 {
    line-height: 16px
}

._line-height-20_q8zsn_80._line-height-20_q8zsn_80._line-height-20_q8zsn_80._line-height-20_q8zsn_80 {
    line-height: 20px
}

._line-height-24_q8zsn_83._line-height-24_q8zsn_83._line-height-24_q8zsn_83._line-height-24_q8zsn_83 {
    line-height: 24px
}

._line-height-28_q8zsn_86._line-height-28_q8zsn_86._line-height-28_q8zsn_86._line-height-28_q8zsn_86 {
    line-height: 28px
}

._line-height-30_q8zsn_89._line-height-30_q8zsn_89._line-height-30_q8zsn_89._line-height-30_q8zsn_89 {
    line-height: 30px
}

._line-height-32_q8zsn_92._line-height-32_q8zsn_92._line-height-32_q8zsn_92._line-height-32_q8zsn_92._line-height-32_q8zsn_92 {
    line-height: 32px
}

._line-height-36_q8zsn_95._line-height-36_q8zsn_95._line-height-36_q8zsn_95._line-height-36_q8zsn_95 {
    line-height: 36px
}

._line-height-44_q8zsn_98._line-height-44_q8zsn_98._line-height-44_q8zsn_98._line-height-44_q8zsn_98 {
    line-height: 44px
}

._font-display_q8zsn_103._font-display_q8zsn_103._font-display_q8zsn_103._font-display_q8zsn_103 {
    font-family: var(--font-family-title)
}

._font-text_q8zsn_106._font-text_q8zsn_106._font-text_q8zsn_106._font-text_q8zsn_106 {
    font-family: var(--font-family-text)
}

._font-serif_q8zsn_109._font-serif_q8zsn_109._font-serif_q8zsn_109._font-serif_q8zsn_109 {
    font-family: var(--font-family-serif)
}

._font-monospace_q8zsn_112._font-monospace_q8zsn_112._font-monospace_q8zsn_112._font-monospace_q8zsn_112 {
    font-family: var(--font-family-monospace)
}

._font-meta_q8zsn_115._font-meta_q8zsn_115._font-meta_q8zsn_115._font-meta_q8zsn_115 {
    font-family: var(--font-family-meta)
}

._font-digit_q8zsn_118._font-digit_q8zsn_118._font-digit_q8zsn_118._font-digit_q8zsn_118 {
    font-family: var(--font-family-digit)
}

._font-emoji_q8zsn_121._font-emoji_q8zsn_121._font-emoji_q8zsn_121._font-emoji_q8zsn_121 {
    font-family: var(--font-family-emoji)
}

._font-pub-headings_q8zsn_124._font-pub-headings_q8zsn_124._font-pub-headings_q8zsn_124._font-pub-headings_q8zsn_124 {
    font-family: var(--font-family-pub-headings);
    font-weight: var(--font_weight_headings_preset, 700)
}

._font-pub-body_q8zsn_128._font-pub-body_q8zsn_128._font-pub-body_q8zsn_128._font-pub-body_q8zsn_128 {
    font-family: var(--font-family-pub-body)
}

._font-marketing_q8zsn_131._font-marketing_q8zsn_131._font-marketing_q8zsn_131._font-marketing_q8zsn_131 {
    font-family: Cahuenga, serif
}

._font-mono_q8zsn_112 {
    font-family: var(--font-family-mono)
}

._weight-light_q8zsn_139._weight-light_q8zsn_139._weight-light_q8zsn_139._weight-light_q8zsn_139 {
    font-weight: 300
}

._weight-regular_q8zsn_142._weight-regular_q8zsn_142._weight-regular_q8zsn_142._weight-regular_q8zsn_142 {
    font-weight: 400
}

._weight-medium_q8zsn_145._weight-medium_q8zsn_145._weight-medium_q8zsn_145._weight-medium_q8zsn_145 {
    font-weight: 500
}

._weight-semibold_q8zsn_148._weight-semibold_q8zsn_148._weight-semibold_q8zsn_148._weight-semibold_q8zsn_148 {
    font-weight: 600
}

._weight-bold_q8zsn_151._weight-bold_q8zsn_151._weight-bold_q8zsn_151._weight-bold_q8zsn_151 {
    font-weight: 700
}

._weight-heavy_q8zsn_154._weight-heavy_q8zsn_154._weight-heavy_q8zsn_154._weight-heavy_q8zsn_154 {
    font-weight: 800
}

._font-style-italic_q8zsn_158 {
    font-style: italic
}

._color-inherit_q8zsn_163 {
    color: inherit
}

._color-primary_q8zsn_166._color-primary_q8zsn_166._color-primary_q8zsn_166._color-primary_q8zsn_166 {
    color: var(--color-fg-primary)
}

._color-secondary_q8zsn_169._color-secondary_q8zsn_169._color-secondary_q8zsn_169._color-secondary_q8zsn_169 {
    color: var(--color-fg-secondary)
}

._color-tertiary_q8zsn_172._color-tertiary_q8zsn_172._color-tertiary_q8zsn_172._color-tertiary_q8zsn_172 {
    color: var(--color-fg-tertiary)
}

._color-success_q8zsn_175._color-success_q8zsn_175._color-success_q8zsn_175._color-success_q8zsn_175 {
    color: var(--color-accent-fg-green)
}

._color-error_q8zsn_178._color-error_q8zsn_178._color-error_q8zsn_178._color-error_q8zsn_178 {
    color: var(--color-accent-fg-red)
}

._color-substack_q8zsn_181._color-substack_q8zsn_181._color-substack_q8zsn_181._color-substack_q8zsn_181 {
    color: var(--color-accent-fg-orange)
}

._color-bg-light_q8zsn_184._color-bg-light_q8zsn_184._color-bg-light_q8zsn_184._color-bg-light_q8zsn_184 {
    color: var(--color-light-bg-primary)
}

._color-pub-primary-text_q8zsn_187._color-pub-primary-text_q8zsn_187._color-pub-primary-text_q8zsn_187._color-pub-primary-text_q8zsn_187 {
    color: var(--color-primary-themed)
}

._color-pub-secondary-text_q8zsn_190._color-pub-secondary-text_q8zsn_190._color-pub-secondary-text_q8zsn_190._color-pub-secondary-text_q8zsn_190 {
    color: var(--color-secondary-themed)
}

._color-pub-tertiary-text_q8zsn_193._color-pub-tertiary-text_q8zsn_193._color-pub-tertiary-text_q8zsn_193._color-pub-tertiary-text_q8zsn_193 {
    color: var(--color-fg-tertiary)
}

._color-pub-accent_q8zsn_196._color-pub-accent_q8zsn_196._color-pub-accent_q8zsn_196 {
    color: var(--color-accent-themed)
}

._color-pub-accent-inverse_q8zsn_199._color-pub-accent-inverse_q8zsn_199._color-pub-accent-inverse_q8zsn_199 {
    color: var(--color-accent-inverse-themed)
}

._color-accent-red_q8zsn_202._color-accent-red_q8zsn_202._color-accent-red_q8zsn_202._color-accent-red_q8zsn_202 {
    color: var(--color-accent-fg-red)
}

._color-accent-purple_q8zsn_205._color-accent-purple_q8zsn_205 {
    color: var(--color-accent-fg-purple)
}

._color-accent-cyan_q8zsn_208._color-accent-cyan_q8zsn_208 {
    color: var(--color-accent-fg-cyan)
}

._color-accent-blue_q8zsn_211._color-accent-blue_q8zsn_211 {
    color: var(--color-accent-fg-blue)
}

._color-pub-accent_q8zsn_196._color-pub-accent_q8zsn_196 {
    color: var(--color-accent-themed)
}

._color-pub-accent-inverse_q8zsn_199._color-pub-accent-inverse_q8zsn_199 {
    color: var(--color-accent-inverse-themed)
}

._color-white_q8zsn_220._color-white_q8zsn_220._color-white_q8zsn_220 {
    color: var(--color-utility-white)
}

._color-vibrance-primary_q8zsn_223._color-vibrance-primary_q8zsn_223._color-vibrance-primary_q8zsn_223._color-vibrance-primary_q8zsn_223 {
    color: var(--vibrance-dark-primary)
}

._color-vibrance-secondary_q8zsn_226._color-vibrance-secondary_q8zsn_226._color-vibrance-secondary_q8zsn_226._color-vibrance-secondary_q8zsn_226 {
    background: rgb(200, 200, 200);
    mix-blend-mode: luminosity;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

._transform-uppercase_q8zsn_234._transform-uppercase_q8zsn_234._transform-uppercase_q8zsn_234._transform-uppercase_q8zsn_234 {
    text-transform: uppercase
}

._ellipsis_q8zsn_239._ellipsis_q8zsn_239._ellipsis_q8zsn_239._ellipsis_q8zsn_239 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._nowrap_q8zsn_246._nowrap_q8zsn_246._nowrap_q8zsn_246._nowrap_q8zsn_246 {
    white-space: nowrap
}

._clamp_q8zsn_251._clamp_q8zsn_251._clamp_q8zsn_251._clamp_q8zsn_251 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

._clamp-1_q8zsn_257._clamp-1_q8zsn_257._clamp-1_q8zsn_257._clamp-1_q8zsn_257 {
    -webkit-line-clamp: 1
}

._clamp-2_q8zsn_260._clamp-2_q8zsn_260._clamp-2_q8zsn_260._clamp-2_q8zsn_260 {
    -webkit-line-clamp: 2
}

._clamp-3_q8zsn_263._clamp-3_q8zsn_263._clamp-3_q8zsn_263._clamp-3_q8zsn_263 {
    -webkit-line-clamp: 3
}

._clamp-4_q8zsn_266._clamp-4_q8zsn_266._clamp-4_q8zsn_266._clamp-4_q8zsn_266 {
    -webkit-line-clamp: 4
}

._clamp-5_q8zsn_269._clamp-5_q8zsn_269._clamp-5_q8zsn_269._clamp-5_q8zsn_269 {
    -webkit-line-clamp: 5
}

._clamp-8_q8zsn_272._clamp-8_q8zsn_272._clamp-8_q8zsn_272._clamp-8_q8zsn_272 {
    -webkit-line-clamp: 8
}

._decoration-underline_q8zsn_277._decoration-underline_q8zsn_277._decoration-underline_q8zsn_277._decoration-underline_q8zsn_277 {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

._decoration-none_q8zsn_280._decoration-none_q8zsn_280._decoration-none_q8zsn_280._decoration-none_q8zsn_280 {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    text-decoration-thickness: 0
}

@media (hover: hover) {
    ._decoration-none_q8zsn_280._decoration-none_q8zsn_280._decoration-none_q8zsn_280._decoration-none_q8zsn_280:hover {
        text-decoration-thickness: 0;
        -webkit-text-decoration-line: none;
        text-decoration-line: none
    }
}

._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290 {
    text-decoration-thickness: 0
}

@media (hover: hover) {
    ._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290._decoration-hover-underline_q8zsn_290:hover {
        text-decoration-thickness: auto;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline
    }
}

._decoration-line-through_q8zsn_299._decoration-line-through_q8zsn_299._decoration-line-through_q8zsn_299._decoration-line-through_q8zsn_299 {
    text-decoration: line-through
}

._pb-0_q8zsn_304._pb-0_q8zsn_304._pb-0_q8zsn_304._pb-0_q8zsn_304 {
    padding-bottom: 0
}

._pb-4_q8zsn_307._pb-4_q8zsn_307._pb-4_q8zsn_307._pb-4_q8zsn_307 {
    padding-bottom: 4px
}

._pb-8_q8zsn_310._pb-8_q8zsn_310._pb-8_q8zsn_310._pb-8_q8zsn_310 {
    padding-bottom: 8px
}

._pb-12_q8zsn_316._pb-12_q8zsn_316._pb-12_q8zsn_316._pb-12_q8zsn_316 {
    padding-bottom: 12px
}

._pb-16_q8zsn_319._pb-16_q8zsn_319._pb-16_q8zsn_319._pb-16_q8zsn_319 {
    padding-bottom: 16px
}

._pb-20_q8zsn_322._pb-20_q8zsn_322._pb-20_q8zsn_322._pb-20_q8zsn_322 {
    padding-bottom: 20px
}

._pb-24_q8zsn_325._pb-24_q8zsn_325._pb-24_q8zsn_325._pb-24_q8zsn_325 {
    padding-bottom: 24px
}

._pb-28_q8zsn_328._pb-28_q8zsn_328._pb-28_q8zsn_328._pb-28_q8zsn_328 {
    padding-bottom: 28px
}

._pb-32_q8zsn_331._pb-32_q8zsn_331._pb-32_q8zsn_331._pb-32_q8zsn_331 {
    padding-bottom: 32px
}

._pl-0_q8zsn_335._pl-0_q8zsn_335._pl-0_q8zsn_335._pl-0_q8zsn_335 {
    padding-left: 0
}

._pl-4_q8zsn_338._pl-4_q8zsn_338._pl-4_q8zsn_338._pl-4_q8zsn_338 {
    padding-left: 4px
}

._pl-8_q8zsn_341._pl-8_q8zsn_341._pl-8_q8zsn_341._pl-8_q8zsn_341 {
    padding-left: 8px
}

._pl-12_q8zsn_347._pl-12_q8zsn_347._pl-12_q8zsn_347._pl-12_q8zsn_347 {
    padding-left: 12px
}

._pl-16_q8zsn_350._pl-16_q8zsn_350._pl-16_q8zsn_350._pl-16_q8zsn_350 {
    padding-left: 16px
}

._pl-20_q8zsn_353._pl-20_q8zsn_353._pl-20_q8zsn_353._pl-20_q8zsn_353 {
    padding-left: 20px
}

._pl-24_q8zsn_356._pl-24_q8zsn_356._pl-24_q8zsn_356._pl-24_q8zsn_356 {
    padding-left: 24px
}

._pl-28_q8zsn_359._pl-28_q8zsn_359._pl-28_q8zsn_359._pl-28_q8zsn_359 {
    padding-left: 28px
}

._pl-32_q8zsn_362._pl-32_q8zsn_362._pl-32_q8zsn_362._pl-32_q8zsn_362 {
    padding-left: 32px
}

._pr-0_q8zsn_366._pr-0_q8zsn_366._pr-0_q8zsn_366._pr-0_q8zsn_366 {
    padding-right: 0
}

._pr-4_q8zsn_369._pr-4_q8zsn_369._pr-4_q8zsn_369._pr-4_q8zsn_369 {
    padding-right: 4px
}

._pr-8_q8zsn_372._pr-8_q8zsn_372._pr-8_q8zsn_372._pr-8_q8zsn_372 {
    padding-right: 8px
}

._pr-12_q8zsn_378._pr-12_q8zsn_378._pr-12_q8zsn_378._pr-12_q8zsn_378 {
    padding-right: 12px
}

._pr-16_q8zsn_381._pr-16_q8zsn_381._pr-16_q8zsn_381._pr-16_q8zsn_381 {
    padding-right: 16px
}

._pr-20_q8zsn_384._pr-20_q8zsn_384._pr-20_q8zsn_384._pr-20_q8zsn_384 {
    padding-right: 20px
}

._pr-24_q8zsn_387._pr-24_q8zsn_387._pr-24_q8zsn_387._pr-24_q8zsn_387 {
    padding-right: 24px
}

._pr-28_q8zsn_390._pr-28_q8zsn_390._pr-28_q8zsn_390._pr-28_q8zsn_390 {
    padding-right: 28px
}

._pr-32_q8zsn_393._pr-32_q8zsn_393._pr-32_q8zsn_393._pr-32_q8zsn_393 {
    padding-right: 32px
}

._pt-0_q8zsn_397._pt-0_q8zsn_397._pt-0_q8zsn_397._pt-0_q8zsn_397 {
    padding-top: 0
}

._pt-4_q8zsn_400._pt-4_q8zsn_400._pt-4_q8zsn_400._pt-4_q8zsn_400 {
    padding-top: 4px
}

._pt-8_q8zsn_403._pt-8_q8zsn_403._pt-8_q8zsn_403._pt-8_q8zsn_403 {
    padding-top: 8px
}

._pt-12_q8zsn_409._pt-12_q8zsn_409._pt-12_q8zsn_409._pt-12_q8zsn_409 {
    padding-top: 12px
}

._pt-16_q8zsn_412._pt-16_q8zsn_412._pt-16_q8zsn_412._pt-16_q8zsn_412 {
    padding-top: 16px
}

._pt-20_q8zsn_415._pt-20_q8zsn_415._pt-20_q8zsn_415._pt-20_q8zsn_415 {
    padding-top: 20px
}

._pt-24_q8zsn_418._pt-24_q8zsn_418._pt-24_q8zsn_418._pt-24_q8zsn_418 {
    padding-top: 24px
}

._pt-28_q8zsn_421._pt-28_q8zsn_421._pt-28_q8zsn_421._pt-28_q8zsn_421 {
    padding-top: 28px
}

._pt-32_q8zsn_424._pt-32_q8zsn_424._pt-32_q8zsn_424._pt-32_q8zsn_424 {
    padding-top: 32px
}

._paragraph_q8zsn_428 {
    white-space: pre-line;
    overflow-wrap: break-word
}

._meta_q8zsn_434._meta_q8zsn_434._meta_q8zsn_434._meta_q8zsn_434 {
    letter-spacing: .2px
}

._digit_q8zsn_437._digit_q8zsn_437._digit_q8zsn_437._digit_q8zsn_437 {
    letter-spacing: -.2
}

._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442 {
    font-family: Cahuenga, serif;
    font-size: 55px;
    line-height: 68.2px
}

._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447 {
    font-family: Cahuenga, serif;
    font-size: 38px;
    line-height: 40.13px
}

._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452 {
    font-family: Cahuenga, serif;
    font-size: 32px;
    line-height: 39.68px
}

._marketingHeading4_q8zsn_457._marketingHeading4_q8zsn_457._marketingHeading4_q8zsn_457._marketingHeading4_q8zsn_457 {
    font-family: Cahuenga, serif;
    font-size: 24px;
    line-height: 30px
}

._marketingHeading5_q8zsn_462._marketingHeading5_q8zsn_462._marketingHeading5_q8zsn_462._marketingHeading5_q8zsn_462 {
    font-family: Cahuenga, serif;
    font-size: 20px;
    line-height: 24px
}

._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467 {
    font-family: Cahuenga, serif;
    font-size: 38px;
    line-height: 47px
}

._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472 {
    font-family: Cahuenga, serif;
    font-size: 28px;
    line-height: 32px
}

._marketingBody_q8zsn_477._marketingBody_q8zsn_477._marketingBody_q8zsn_477._marketingBody_q8zsn_477 {
    font-size: 17px;
    letter-spacing: -.45px;
    line-height: 23px
}

@media screen and (max-width: 650px) {
    ._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442._marketingHeading1_q8zsn_442 {
        font-size: 44px;
        line-height: 54.56px
    }

    ._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447._marketingHeading2_q8zsn_447 {
        font-size: 32px;
        line-height: 33.79px
    }

    ._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452._marketingHeading3_q8zsn_452 {
        font-size: 28px;
        line-height: 34.72px
    }

    ._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467._marketingQuote_q8zsn_467 {
        font-size: 28px;
        line-height: 35px
    }

    ._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472._marketingSubtitle_q8zsn_472 {
        font-family: Cahuenga, serif;
        font-size: 24px;
        line-height: 30px
    }
}

._pubTheme_f9tsq_1 {
    --color-fg-primary: var(--print_on_web_bg_color, var(--color-light-fg-primary));
    --color-fg-secondary: var(--print_secondary_on_web_bg_color, var(--color-light-fg-secondary));
    --color-fg-tertiary: var(--color_theme_bg_contrast_4, var(--color-light-fg-tertiary));
    --color-utility-detail: var(--color_theme_bg_contrast_2, var(--color-light-utility-detail));
    --color-bg-elevated: var(--color_theme_bg_contrast_1, var(--color-light-bg-elevated-primary));
    --color-bg-elevated-secondary: var(--color_theme_bg_contrast_2, var(--color-light-bg-elevated-secondary));
    --color-accent-primary: var(--color_theme_bg_pop, var(--color-light-accent-fg-orange));
    --color-accent-inverse: var(--color_theme_print_on_pop, var(--color-light-bg-primary));
    --border-default: 1px solid var(--color_theme_detail, var(--color-utility-detail));
    --border-focus: 1px solid var(--color-accent-primary);
    --color-button-primary-fg: var(--color_theme_print_on_pop, var(--color-light-bg-primary));
    --color-button-primary-bg: var(--color_theme_bg_pop, var(--color-light-button-primary-bg));
    --color-button-primary-bg-hover: var(--color_theme_bg_pop_darken, var(--color-light-button-primary-bg-hover));
    --color-button-secondary-fg: var(--color-fg-primary, var(--color-light-fg-primary));
    --color-button-secondary-bg: var(--color-bg-secondary, var(--color-light-bg-secondary));
    --color-button-secondary-bg-hover: var(--color-bg-tertiary, var(--color-light-bg-tertiary));
    --color-button-tertiary-fg: var(--color-button-secondary-fg);
    --color-button-tertiary-bg-hover: var(--color-bg-secondary, var(--color-light-bg-secondary));
    --color-button-disabled-fg: var(--color-fg-tertiary, var(--color-light-fg-primary));
    --color-button-disabled-bg: var(--color-bg-secondary, var(--color-light-bg-secondary));
    --focus-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-accent-primary), 0 0 0 5px var(--color-bg-accent-primary);
    --focus-input-ring: 0 0 0 2px var(--color-bg-accent-primary);
    --color-highlight-fg: var(--color-accent-primary);
    --color-highlight-bg: var(--color-bg-accent-primary);
    --color-highlight-self-fg: var(--color-accent-primary);
    --color-highlight-self-bg: var(--color-bg-accent-primary);
    --color-bg-primary: var(--web_bg_color, var(--color-light-bg-primary));
    --color-bg-primary-hover: var(--color_theme_bg_contrast_1, var(--color-light-bg-primary-hover));
    --color-bg-secondary: var(--color_theme_bg_contrast_1, var(--color-light-bg-secondary));
    --color-bg-tertiary: var(--color_theme_bg_contrast_2, var(--color-light-bg-tertiary));
    --color-bg-elevated-primary: var(--color_theme_bg_contrast_1, var(--color-bg-primary));
    --color-bg-elevated-hover: var(--color_theme_bg_contrast_2, var(--color-bg-primary-hover));
    --color-bg-accent-rgb: var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb));
    --color-bg-accent: rgba(var(--color-bg-accent-themed-rgb), .15);
    --color-bg-accent-hover: rgba(var(--color-bg-accent-themed-rgb), .3);
    --color-bg-accent-primary: rgba(var(--color-bg-accent-themed-rgb), .15);
    --color-bg-accent-primary-hover: rgba(var(--color-bg-accent-themed-rgb), .3);
    --color-accent-primary: var(--color_theme_bg_pop, var(--color-accent-fg-orange));
    --color-accent-fg-orange: var(--color_theme_bg_pop, var(--color-accent-fg-orange));
    --color-accent-inverse: var(--color_theme_print_on_pop, var(--color-bg-primary));
    --border-default: 1px solid var(--color-detail-themed);
    --border-primary: 1px solid var(--color-fg-primary)
}

.dark-mode ._pubTheme_f9tsq_1 {
    --color-bg-primary: var(--web_bg_color, var(--color-dark-bg-primary));
    --color-bg-secondary: var(--color_theme_bg_contrast_1, var(--color-dark-bg-secondary));
    --color-bg-tertiary: var(--color_theme_bg_contrast_2, var(--color-dark-bg-tertiary));
    --color-fg-primary: var(--print_on_web_bg_color, var(--color-dark-fg-primary));
    --color-fg-secondary: var(--print_secondary_on_web_bg_color, var(--color-dark-fg-secondary));
    --color-fg-tertiary: var(--color_theme_bg_contrast_4, var(--color-dark-fg-tertiary));
    --color-utility-detail: var(--color_theme_bg_contrast_2, var(--color-dark-utility-detail));
    --color-bg-elevated: var(--color_theme_bg_contrast_1, var(--color-dark-bg-elevated-primary));
    --color-bg-elevated-primary: var(--color_theme_bg_contrast_1, var(--color-dark-bg-elevated-primary));
    --color-bg-elevated-secondary: var(--color_theme_bg_contrast_2, var(--color-dark-bg-elevated-secondary))
}

.the-free-press-theme ._pubTheme_f9tsq_1 {
    --color-primary-themed: #161613;
    --color-utility-detail: #bebdb8;
    --half-column-gap: var(--size-20);
    --column-gap: var(--size-40);
    --container-max-width: 1358px;
    --container-horizontal-padding: var(--size-24);
    --container-horizontal-padding-mobile: var(--size-24);
    --body-container-horizontal-padding-mobile: 0
}

._hiddenInput_4g4um_1 input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

._buttonBase_1r1ly_1 {
    box-sizing: border-box;
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    color: unset;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    font-size: unset;
    line-height: unset;
    justify-content: center;
    transition: var(--animate-hover);
    margin: 0
}

._buttonBase_1r1ly_1:disabled {
    cursor: unset
}

._button_1r1ly_1 {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-semibold);
    transition: var(--animate-hover)
}

._button_1r1ly_1._grow_1r1ly_32 {
    width: 100%
}

._tabButton_1r1ly_37 {
    text-transform: capitalize;
    -webkit-user-select: none;
    user-select: none
}

._tabButton_1r1ly_37._priority_secondary_1r1ly_41 {
    --color-button-fg: var(--color-fg-secondary)
}

._buttonOld_1r1ly_46 {
    gap: var(--size-12);
    border-radius: var(--border-radius-sm);
    font-family: var(--font-family-text);
    letter-spacing: var(--letter-spacing-14);
    padding: 0 var(--size-20)
}

._buttonOld_1r1ly_46:focus-visible {
    box-shadow: var(--focus-ring)
}

._buttonOld_1r1ly_46:active:not(:disabled) {
    transform: var(--transform-pressed);
    box-shadow: inset 0 0 250px #00000008
}

._buttonOldColors_1r1ly_65._priority_primary_1r1ly_66._priority_primary_1r1ly_66 {
    color: var(--color-accent-primary)
}

._buttonOldColors_1r1ly_65._priority_primary_1r1ly_66._priority_primary_1r1ly_66 svg {
    stroke: var(--color-accent-primary)
}

._buttonOldColors_1r1ly_65._priority_secondary_1r1ly_41 {
    color: var(--color-fg-secondary)
}

._buttonOldColors_1r1ly_65._priority_secondary_1r1ly_41 svg {
    stroke: var(--color-fg-secondary)
}

._buttonOldColors_1r1ly_65._priority_tertiary_1r1ly_78 {
    color: var(--color-fg-primary)
}

._buttonOldColors_1r1ly_65._priority_tertiary_1r1ly_78 svg {
    stroke: var(--color-fg-primary)
}

._buttonOldColors_1r1ly_65._priority_destructive_1r1ly_84 {
    color: var(--color-semantic-error-bg-primary)
}

._buttonOldColors_1r1ly_65._priority_destructive_1r1ly_84 svg {
    stroke: var(--color-semantic-error-bg-primary)
}

._buttonNew_1r1ly_92 {
    background-color: var(--color-button-bg);
    color: var(--color-button-fg);
    font-family: var(--font-family-text)
}

._buttonNew_1r1ly_92 svg {
    stroke: var(--color-button-fg)
}

._buttonNew_1r1ly_92:hover {
    background-color: var(--color-button-hover-bg)
}

._buttonNew_1r1ly_92:focus-visible {
    box-shadow: var(--focus-ring)
}

._buttonNew_1r1ly_92:active:not(:disabled) {
    transform: var(--transform-pressed);
    box-shadow: inset 0 0 250px #00000008
}

._buttonNew_1r1ly_92:disabled {
    cursor: default;
    background-color: var(--color-button-disabled-bg);
    color: var(--color-button-disabled-fg)
}

._buttonNew_1r1ly_92:disabled svg {
    stroke: var(--color-button-disabled-fg)
}

._button2_1r1ly_126._size_sm_1r1ly_128,
._buttonOld_1r1ly_46._size_sm_1r1ly_128 {
    gap: var(--size-6);
    height: var(--size-32);
    padding: 0 var(--size-8);
    font-size: var(--font-size-13);
    border-radius: var(--border-radius-sm)
}

._button2_1r1ly_126._size_md_1r1ly_136,
._buttonOld_1r1ly_46._size_md_1r1ly_136 {
    gap: var(--size-8);
    height: var(--size-40);
    padding: 0 var(--size-12);
    font-size: var(--font-size-14);
    border-radius: var(--border-radius-sm)
}

._button2_1r1ly_126._size_lg_1r1ly_144,
._buttonOld_1r1ly_46._size_lg_1r1ly_144 {
    gap: var(--size-12);
    height: var(--size-48);
    padding: 0 var(--size-16);
    font-size: var(--font-size-17);
    line-height: var(--line-height-24);
    border-radius: var(--border-radius-md)
}

._iconButtonBase_1r1ly_154 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size)
}

._iconButtonBase_1r1ly_154._rounded_1r1ly_164 {
    border-radius: var(--border-radius-full)
}

._iconButton_1r1ly_154 {
    position: relative;
    gap: 6px
}

._iconButton_1r1ly_154._size_24_1r1ly_175 {
    --size: 24px
}

._iconButton_1r1ly_154._size_32_1r1ly_178 {
    --size: 32px
}

._iconButton_1r1ly_154._size_36_1r1ly_181 {
    --size: 36px
}

._iconButton_1r1ly_154._size_40_1r1ly_184 {
    --size: 40px
}

._iconButton_1r1ly_154._size_48_1r1ly_187 {
    --size: 48px
}

._iconButton_1r1ly_154._size_56_1r1ly_190 {
    --size: 56px
}

._iconButton_1r1ly_154 {
    border-radius: var(--border-radius-sm)
}

._iconButton_1r1ly_154._grow_1r1ly_32 {
    width: auto;
    padding: 0 var(--size-16)
}

._iconButton_1r1ly_154._color_primary-text_1r1ly_201 svg {
    stroke: var(--color-fg-primary)
}

._iconButton_1r1ly_154:disabled {
    color: var(--color-fg-tertiary)
}

._rounded_1r1ly_164 {
    border-radius: var(--border-radius-full)
}

._priority_primary_1r1ly_66._priority_primary_1r1ly_66._priority_primary_1r1ly_66 {
    --color-button-fg: var(--color-button-primary-fg);
    --color-button-bg: var(--color-button-primary-bg);
    --color-button-hover-bg: var(--color-button-primary-bg-hover)
}

._priority_primary-mono_1r1ly_219 {
    --color-button-fg: var(--color-button-mono-fg);
    --color-button-bg: var(--color-button-mono-bg);
    --color-button-hover-bg: var(--color-button-mono-bg-hover)
}

._buttonNew_1r1ly_92._media_1r1ly_225 {
    -webkit-backdrop-filter: var(--material-blur);
    backdrop-filter: var(--material-blur);
    --color-button-fg: var(--vibrance-dark-primary);
    --color-button-disabled-bg: var(--material-dark-thin);
    --color-button-disabled-fg: var(--vibrance-dark-tertiary)
}

._buttonNew_1r1ly_92._media_1r1ly_225._priority_tertiary_1r1ly_78 {
    --color-button-bg: transparent;
    --color-button-hover-bg: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: border-color var(--animation-timing-fast) var(--animation-smoothing), var(--animate-hover)
}

._buttonNew_1r1ly_92._media_1r1ly_225._priority_primary_1r1ly_66 {
    --color-button-fg: var(--vibrance-dark-primary);
    --color-button-bg: var(--material-dark-regular);
    --color-button-hover-bg: var(--material-dark-thick)
}

._buttonNew_1r1ly_92._media_1r1ly_225._priority_secondary_1r1ly_41 {
    --color-button-bg: var(--material-dark-thin);
    --color-button-hover-bg: var(--material-dark-regular)
}

._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253 {
    color: var(--color-accent-themed)
}

._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253 svg {
    stroke: var(--color-accent-themed)
}

._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259 {
    color: var(--color-secondary-themed)
}

._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259 svg {
    stroke: var(--color-secondary-themed)
}

._priority_secondary_1r1ly_41 {
    --color-button-fg: var(--color-button-secondary-fg);
    --color-button-bg: var(--color-button-secondary-bg);
    --color-button-hover-bg: var(--color-button-secondary-bg-hover)
}

._priority_secondary-outline_1r1ly_270 {
    --color-button-fg: var(--color-button-secondary-fg);
    --color-button-bg: transparent;
    --color-button-hover-bg: var(--color-button-tertiary-bg-hover);
    border-color: var(--color-utility-detail);
    background-clip: padding-box
}

._priority_secondary-outline_1r1ly_270:disabled {
    --color-button-disabled-bg: var(--color-button-bg)
}

._priority_tertiary_1r1ly_78 {
    --color-button-fg: var(--color-button-tertiary-fg);
    --color-button-bg: var(--color-button-tertiary-bg);
    --color-button-hover-bg: var(--color-button-tertiary-bg-hover)
}

._priority_tertiary_1r1ly_78:disabled {
    --color-button-disabled-bg: var(--color-button-bg)
}

._priority_destructive_1r1ly_84 {
    --color-button-fg: var(--color-semantic-error-utility-contrast);
    --color-button-bg: var(--color-semantic-error-bg-primary);
    --color-button-hover-bg: var(--color-semantic-error-bg-secondary)
}

._priority_twitter_1r1ly_295 {
    color: var(--color-accent-fg-cyan)
}

._priority_twitter_1r1ly_295 svg {
    stroke: var(--color-accent-fg-cyan)
}

._priority_facebook_1r1ly_301 {
    color: var(--color-accent-fg-blue)
}

._priority_facebook_1r1ly_301 svg {
    stroke: var(--color-accent-fg-blue)
}

._priority_primary-empty_1r1ly_308 {
    color: var(--color-light-bg-primary)
}

._priority_primary-empty_1r1ly_308 svg {
    stroke: var(--color-light-bg-primary)
}

._priority_primary-empty_1r1ly_308:disabled {
    opacity: .5
}

._fill_empty_1r1ly_320._priority_primary_1r1ly_66:hover {
    background-color: var(--color-bg-accent-primary)
}

._fill_empty_1r1ly_320._priority_primary_1r1ly_66:disabled {
    opacity: .5;
    border: none;
    background-color: transparent
}

._fill_empty_1r1ly_320._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:hover {
    background-color: var(--color-bg-accent-themed)
}

._fill_empty_1r1ly_320._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:disabled {
    opacity: .5;
    border: none;
    background-color: transparent
}

._fill_empty_1r1ly_320._priority_secondary_1r1ly_41:hover {
    background-color: var(--color-bg-secondary)
}

._fill_empty_1r1ly_320._priority_secondary_1r1ly_41:disabled {
    color: var(--color-fg-tertiary);
    border: none;
    background-color: transparent
}

._fill_empty_1r1ly_320._priority_secondary_1r1ly_41:disabled svg {
    stroke: var(--color-fg-tertiary)
}

._fill_empty_1r1ly_320._priority_destructive_1r1ly_84:hover {
    background-color: var(--color-accent-bg-red)
}

._fill_empty_1r1ly_320._priority_destructive_1r1ly_84:disabled {
    opacity: .5;
    border: none;
    background-color: transparent
}

._fill_filled_1r1ly_371._priority_primary_1r1ly_66._priority_primary_1r1ly_66._priority_primary_1r1ly_66 {
    background-color: var(--color-accent-primary);
    color: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_primary_1r1ly_66._priority_primary_1r1ly_66._priority_primary_1r1ly_66 svg {
    stroke: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_primary_1r1ly_66._priority_primary_1r1ly_66._priority_primary_1r1ly_66:hover:not(:disabled) {
    box-shadow: inset 0 0 250px #0000001a
}

._fill_filled_1r1ly_371._priority_primary_1r1ly_66._priority_primary_1r1ly_66._priority_primary_1r1ly_66:disabled {
    background-color: var(--color-accent-primary);
    opacity: .5
}

._fill_filled_1r1ly_371._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253 {
    background-color: var(--color-accent-themed);
    color: var(--color-accent-inverse-themed) !important
}

._fill_filled_1r1ly_371._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253 svg {
    stroke: var(--color-accent-inverse-themed)
}

._fill_filled_1r1ly_371._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:hover {
    box-shadow: inset 0 0 250px #0000001a
}

._fill_filled_1r1ly_371._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:disabled {
    background-color: var(--color-accent-themed);
    opacity: .5
}

._fill_filled_1r1ly_371._priority_secondary_1r1ly_41 {
    border-color: var(--color-utility-detail);
    background-color: var(--color-bg-secondary)
}

._fill_filled_1r1ly_371._priority_secondary_1r1ly_41._outline_none_1r1ly_415 {
    border-color: transparent
}

._fill_filled_1r1ly_371._priority_secondary_1r1ly_41:hover {
    background-color: var(--color-bg-tertiary);
    border-color: transparent
}

._fill_filled_1r1ly_371._priority_secondary_1r1ly_41:disabled {
    border-color: var(--color-utility-detail);
    background-color: var(--color-bg-secondary);
    color: var(--color-fg-tertiary)
}

._fill_filled_1r1ly_371._priority_secondary_1r1ly_41:disabled svg {
    stroke: var(--color-fg-tertiary)
}

._fill_filled_1r1ly_371._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259 {
    border-color: var(--color-detail-themed);
    background-color: var(--color-bg-secondary-themed)
}

._fill_filled_1r1ly_371._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._outline_none_1r1ly_415 {
    border-color: transparent
}

._fill_filled_1r1ly_371._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259:hover {
    background-color: var(--color-bg-tertiary-themed);
    border-color: transparent
}

._fill_filled_1r1ly_371._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259:disabled {
    border-color: var(--color-detail-themed);
    background-color: var(--color-bg-secondary-themed);
    color: var(--color-fg-tertiary)
}

._fill_filled_1r1ly_371._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259:disabled svg {
    stroke: var(--color-tertiary-themed)
}

._fill_filled_1r1ly_371._priority_tertiary_1r1ly_78:hover {
    background-color: var(--color-bg-secondary)
}

._fill_filled_1r1ly_371._priority_tertiary_1r1ly_78:disabled {
    color: var(--color-fg-tertiary);
    background-color: transparent;
    outline: none
}

._fill_filled_1r1ly_371._priority_tertiary_1r1ly_78:disabled svg {
    stroke: var(--color-fg-tertiary)
}

._fill_filled_1r1ly_371._priority_destructive_1r1ly_84 {
    background-color: var(--color-semantic-error-bg-primary);
    color: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_destructive_1r1ly_84 svg {
    stroke: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_destructive_1r1ly_84:hover {
    box-shadow: inset 0 0 250px #0000001a
}

._fill_filled_1r1ly_371._priority_destructive_1r1ly_84:disabled {
    opacity: .5
}

._fill_filled_1r1ly_371._priority_twitter_1r1ly_295 {
    background-color: var(--color-accent-fg-cyan);
    color: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_twitter_1r1ly_295 svg {
    stroke: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_twitter_1r1ly_295:hover {
    box-shadow: inset 0 0 250px #0000001a
}

._fill_filled_1r1ly_371._priority_twitter_1r1ly_295:disabled {
    opacity: .5
}

._fill_filled_1r1ly_371._priority_facebook_1r1ly_301 {
    background-color: var(--color-accent-fg-blue);
    color: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_facebook_1r1ly_301 svg {
    stroke: var(--color-light-bg-primary)
}

._fill_filled_1r1ly_371._priority_facebook_1r1ly_301:hover {
    box-shadow: inset 0 0 250px #0000001a
}

._fill_filled_1r1ly_371._priority_facebook_1r1ly_301:disabled {
    opacity: .5
}

._fill_outline_1r1ly_519._priority_primary_1r1ly_66 {
    border-color: var(--color-accent-primary)
}

._fill_outline_1r1ly_519._priority_primary_1r1ly_66:hover {
    background-color: var(--color-bg-accent-primary)
}

._fill_outline_1r1ly_519._priority_primary_1r1ly_66:disabled {
    opacity: .5;
    border-color: var(--color-accent-primary);
    background-color: transparent
}

._fill_outline_1r1ly_519._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253 {
    border-color: var(--color-accent-themed)
}

._fill_outline_1r1ly_519._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:hover {
    background-color: var(--color-bg-accent-themed)
}

._fill_outline_1r1ly_519._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253._priority_primary-theme_1r1ly_253:disabled {
    opacity: .5;
    border-color: var(--color-accent-themed);
    background-color: transparent
}

._fill_outline_1r1ly_519._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259 {
    border-color: var(--color-secondary-themed)
}

._fill_outline_1r1ly_519._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259:hover {
    background-color: var(--color-bg-secondary-themed)
}

._fill_outline_1r1ly_519._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259._priority_secondary-theme_1r1ly_259:disabled {
    opacity: .5;
    border-color: var(--color-secondary-themed);
    background-color: transparent
}

._fill_outline_1r1ly_519._priority_secondary_1r1ly_41 {
    border-color: var(--color-utility-detail)
}

._fill_outline_1r1ly_519._priority_secondary_1r1ly_41:hover {
    background-color: var(--color-bg-secondary)
}

._fill_outline_1r1ly_519._priority_secondary_1r1ly_41:disabled {
    color: var(--color-fg-tertiary);
    border-color: var(--color-utility-detail);
    background-color: transparent
}

._fill_outline_1r1ly_519._inverted_1r1ly_571 {
    border-color: var(--color-light-bg-primary)
}

._fill_outline_1r1ly_519._inverted_1r1ly_571 svg {
    stroke: var(--color-light-bg-primary)
}

._fill_outline_1r1ly_519._inverted_1r1ly_571:hover {
    background-color: #fff2
}

._fill_outline_1r1ly_519._priority_destructive_1r1ly_84 {
    border-color: var(--color-semantic-error-bg-primary)
}

._fill_outline_1r1ly_519._priority_destructive_1r1ly_84:hover {
    background-color: var(--color-accent-bg-red)
}

._fill_outline_1r1ly_519._priority_destructive_1r1ly_84:disabled {
    opacity: .5;
    background-color: transparent
}

._fill_borderless_1r1ly_596 {
    background-color: var(--color-bg-secondary)
}

._fill_borderless_1r1ly_596:hover {
    background-color: var(--color-bg-tertiary)
}

._fill_borderless_1r1ly_596:disabled {
    color: var(--color-fg-tertiary);
    border: none;
    background-color: transparent
}

._fill_borderless_1r1ly_596:disabled svg {
    stroke: var(--color-fg-tertiary)
}

._textButton_1r1ly_614 {
    display: inline
}

._hiddenInput_1r1ly_618 input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

._iconButton2_1r1ly_628 {
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-sm)
}

._iconButton2_1r1ly_628._size_xs_1r1ly_635 {
    --size: var(--size-24)
}

._iconButton2_1r1ly_628._size_sm_1r1ly_128 {
    --size: var(--size-32)
}

._iconButton2_1r1ly_628._size_md_1r1ly_136 {
    --size: var(--size-40)
}

._iconButton2_1r1ly_628._size_lg_1r1ly_144 {
    --size: var(--size-48)
}

._iconButton2_1r1ly_628._rounded_1r1ly_164 {
    border-radius: var(--border-radius-full)
}

._pageContainer_k55hq_1 {
    font-family: var(--font-family-text)
}

._container_1uwqp_1 {
    padding-top: var(--size-16);
    padding-bottom: var(--size-48);
    padding-left: var(--size-24);
    padding-right: var(--size-24);
    max-width: 776px;
    margin: 0 auto
}

._container_1uwqp_1._large_1uwqp_10 {
    max-width: 1140px
}

._newsletterList_1uwqp_14 {
    padding-top: 40px
}

._accountLink_1uwqp_18._accountLink_1uwqp_18._accountLink_1uwqp_18._accountLink_1uwqp_18._accountLink_1uwqp_18 {
    color: var(--color-secondary-themed)
}

._fixedSubscribeBar_1uwqp_22 {
    position: fixed;
    background-color: #000;
    width: 100%;
    bottom: 0;
    left: 0;
    min-height: 100px;
    z-index: 1;
    box-sizing: border-box;
    padding: 20px
}

._fixedSubscribeBarInner_1uwqp_34 {
    max-width: 1140px;
    width: 100%
}

._emailInput_1uwqp_39._emailInput_1uwqp_39._emailInput_1uwqp_39._emailInput_1uwqp_39 {
    background-color: #fff;
    border-color: #fff;
    max-width: 500px
}

._subscribeButton_1uwqp_45._subscribeButton_1uwqp_45._subscribeButton_1uwqp_45._subscribeButton_1uwqp_45 {
    border-color: var(--color-accent-themed)
}

._prompt_1uwqp_49._prompt_1uwqp_49._prompt_1uwqp_49._prompt_1uwqp_49 {
    width: 500px
}

@media (max-width: 875px) {
    ._prompt_1uwqp_49._prompt_1uwqp_49._prompt_1uwqp_49._prompt_1uwqp_49 {
        width: initial
    }
}

@media (max-width: 640px) {
    ._fixedSubscribeBarInner_1uwqp_34 {
        text-align: center
    }

    ._fixedSubscribeBar_1uwqp_22 {
        padding: 20px
    }
}

._pageContainer_11jlv_1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--size-20)
}

._pageContainer_11jlv_1._layoutTop_11jlv_9 {
    padding-top: var(--size-48)
}

._pageContainer_11jlv_1._layoutCentered_11jlv_13 {
    box-sizing: border-box;
    align-items: center;
    flex: 1 1 1px
}

._header_11jlv_19 {
    top: 0;
    position: absolute;
    width: 100vw
}

._header_11jlv_19 ._logo_11jlv_25 {
    display: block;
    margin: 0 auto
}

._heroText_zpgc3_1 {
    max-width: 586px
}

._container_zpgc3_5 {
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    margin-bottom: 32px
}

._container_e1geb_1._container_e1geb_1 {
    max-width: 624px;
    margin: 0 auto;
    padding: var(--size-12) var(--size-16) var(--size-32);
    box-sizing: content-box
}

@media screen and (max-width: 768px) {
    ._container_e1geb_1._container_e1geb_1 {
        padding-top: var(--size-24)
    }
}

._container_e1geb_1 .container {
    width: auto;
    margin: 0
}

._wrapper_bkaps_1 {
    max-width: 500px;
    margin: 0 auto
}

._headerWrapper_bkaps_5 {
    max-width: 420px
}

._copyLinkInput_bkaps_8._copyLinkInput_bkaps_8._copyLinkInput_bkaps_8._copyLinkInput_bkaps_8._copyLinkInput_bkaps_8 {
    height: 45px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: var(--color-detail-themed);
    color: var(--cover_print_primary);
    background-color: var(--cover_input_background, var(--cover_bg_color, #fff))
}

._copyLinkButton_bkaps_16 {
    height: 45px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._shareButton_bkaps_21 {
    flex-grow: 1
}

._referrerRow_bkaps_24 {
    background-color: var(--color-bg-primary-themed)
}

._referrerRow_bkaps_24:hover {
    background-color: var(--color-bg-elevated-hover-themed)
}

._referrerRow_bkaps_24._referrerRowInverted_bkaps_30 {
    background-color: var(--color-bg-secondary-themed)
}

._referrerRow_bkaps_24._referrerRowInverted_bkaps_30:hover {
    background-color: var(--color-bg-tertiary-themed)
}

._referrerLink_bkaps_36 {
    text-decoration: none
}

._responsiveHeader_bkaps_39 {
    font-size: 32px;
    line-height: 40px
}

@media screen and (max-width: 650px) {
    ._responsiveHeader_bkaps_39 {
        font-size: 24px;
        line-height: 28px
    }
}

@media screen and (max-width: 410px) {
    ._shareButtons_bkaps_52 {
        flex-direction: column
    }
}

._meetingDetails_ynxfd_1 {
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    padding: var(--size-24);
    width: 100%
}

._button_1l4nz_1._button_1l4nz_1._button_1l4nz_1 {
    background-color: var(--color-accent-themed)
}

._tos_1l4nz_5 {
    font-family: var(--font-family-text)
}

._tos_1l4nz_5 a {
    color: var(--color-fg-secondary)
}

._orderForm_1l4nz_13 {
    margin: 0
}

._orderForm_1l4nz_13 input {
    padding: 0
}

._input_1l4nz_22._input_1l4nz_22._input_1l4nz_22 {
    box-sizing: border-box;
    font-family: var(--font-family-text);
    padding: var(--size-4) var(--size-12);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    outline: none;
    margin: 0;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    display: block;
    width: 100%;
    color: var(--color-fg-primary);
    background-color: var(--color-bg-primary)
}

._input_1l4nz_22._input_1l4nz_22._input_1l4nz_22:focus {
    border: 2px solid var(--color-light-primary);
    background-color: var(--color-bg-primary);
    padding: calc(var(--size-12) - 1px)
}

._input_1l4nz_22._input_1l4nz_22._input_1l4nz_22._error_1l4nz_43 {
    color: var(--color-semantic-error-bg-primary);
    border-color: var(--color-semantic-error-bg-primary)
}

._input_1l4nz_22._input_1l4nz_22._input_1l4nz_22._error_1l4nz_43::placeholder {
    color: var(--color-semantic-error-bg-primary)
}

._orderForm_1l4nz_13 input.file-picker-input {
    display: none
}

._stripeError_1l4nz_57._stripeError_1l4nz_57._stripeError_1l4nz_57 {
    position: unset;
    margin-top: -24px
}

._originalPrice_1l4nz_62 {
    text-decoration: line-through;
    padding-right: var(--size-4)
}

._filePicker_1l4nz_67 {
    height: 100px;
    min-height: 100px
}

._fileAttachment_1l4nz_72 {
    padding: var(--size-8);
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._fileName_1l4nz_78 {
    border-left: var(--border-default);
    padding-left: var(--size-8)
}

._fileRemoveIcon_1l4nz_83 {
    cursor: pointer
}

._savedCard_1l4nz_87 {
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

._cardOnFileIcon_1l4nz_92 {
    margin-right: 4px;
    margin-bottom: -1px;
    height: 16px
}

._errorContainer_1l4nz_98._errorContainer_1l4nz_98._errorContainer_1l4nz_98._errorContainer_1l4nz_98 {
    font-weight: var(--font-weight-bold);
    color: var(--color-semantic-error-bg-primary)
}

._errorTooltip_1l4nz_103,
._checkoutBox_1l4nz_104 {
    width: 100%
}

._giftModal_qc37l_1 {
    position: relative;
    overflow: hidden;
    animation: _slideUp_qc37l_1 var(--animation-timing-slow) forwards var(--animation-smoothing)
}

._giftModal_qc37l_1._enterEmail_qc37l_10._enterEmail_qc37l_10._enterEmail_qc37l_10 {
    box-sizing: border-box;
    min-height: 100%;
    display: flex
}

@keyframes _slideUp_qc37l_1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

._container_4mtxp_1 {
    max-width: 600px;
    margin: 0 auto
}

._imageContainer_4mtxp_7 {
    max-width: 500px;
    max-height: 500px
}

._postContainer_4mtxp_12 {
    max-width: 500px
}

._imagePreview_4mtxp_16 {
    aspect-ratio: 16 / 9;
    display: block;
    object-fit: cover;
    width: 100%;
    border-radius: var(--border-radius-sm)
}

._shareButton_4mtxp_24 {
    margin-bottom: 16px;
    border: none;
    width: 145px
}

._foundingButton_4mtxp_30 {
    margin-bottom: 16px;
    border: none
}

._upsellDescription_4mtxp_35 {
    max-width: 400px
}

._countdownContainer_4mtxp_39 {
    padding-top: 64px;
    height: 64px
}

._countdownInnerContainer_4mtxp_44 {
    position: absolute;
    bottom: 204px;
    width: 100%
}

@media screen and (max-width: 650px) {
    ._countdownInnerContainer_4mtxp_44 {
        bottom: 232px
    }
}

._refreshLink_4mtxp_54 {
    cursor: pointer
}

._tabBar_1hroo_1 {
    width: -webkit-fit-content;
    width: fit-content
}

._restackEmpty_1hroo_5 {
    max-width: 300px
}

._restacksFacepile_1hroo_9 {
    flex-grow: 0
}

._feedItem_1hroo_13._feedItem_1hroo_13:last-child {
    border-bottom: none
}

._root_lj1wf_1 {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 15px;
    justify-content: left
}

._pageTitle_lj1wf_10 {
    padding-top: var(--size-32);
    padding-bottom: var(--size-4)
}

._container_lj1wf_15 {
    border: 1px solid var(--color-detail-themed);
    border-radius: var(--border-radius-md);
    padding: var(--size-24)
}

._imageContainer_lj1wf_21 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between
}

._divider_lj1wf_28 {
    box-sizing: border-box;
    border-top: 1px solid var(--color-detail-themed);
    width: 100%;
    margin: 0 0 var(--size-24) 0
}

._text_lj1wf_35 {
    text-align: left;
    text-decoration: unset
}

._textFooter_lj1wf_40 {
    text-align: left;
    background-color: var(--color-bg-secondary-themed);
    border-radius: var(--border-radius-md);
    color: var(--color-secondary-themed);
    margin: var(--size-24) 0 var(--size-48) 0;
    padding: var(--size-8) var(--size-16);
    font-size: var(--font-size-14)
}

._textWithGreyBox_lj1wf_50 {
    text-align: left;
    background-color: var(--color-bg-secondary-themed);
    border-radius: var(--border-radius-md);
    color: var(--color-secondary-themed);
    margin-bottom: var(--size-12);
    padding: var(--size-8) var(--size-16);
    font-size: var(--font-size-14)
}

._textFooter_lj1wf_40 a {
    color: var(--color-secondary-themed)
}

._questionListDisabled_18pxu_1 {
    opacity: .6
}

._dropdown_18pxu_5 {
    font-family: var(--font-family-text)
}

._logo_ym8l9_1 {
    width: var(--size-72);
    height: var(--size-72);
    border-radius: var(--border-radius-sm)
}

@media only screen and (max-width: 768px) {
    ._logo_ym8l9_1 {
        width: var(--size-48);
        height: var(--size-48)
    }
}

._input_1eibr_1._input_1eibr_1._input_1eibr_1 {
    box-sizing: border-box;
    font-family: var(--font-family-text);
    padding: var(--size-12);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    outline: none;
    margin: 0;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    display: block;
    width: 100%;
    color: var(--color-fg-primary);
    background-color: var(--color-bg-primary);
    transition: border-color var(--animation-timing-fast) var(--animation-smoothing)
}

._input_1eibr_1._input_1eibr_1._input_1eibr_1:focus {
    border-color: var(--color-fg-secondary)
}

._input_1eibr_1._input_1eibr_1._input_1eibr_1._error_1eibr_21 {
    color: var(--color-semantic-error-bg-primary);
    border-color: var(--color-semantic-error-bg-primary)
}

._input_1eibr_1._input_1eibr_1._input_1eibr_1._error_1eibr_21::placeholder {
    color: var(--color-semantic-error-bg-primary)
}

._textarea_1eibr_31 {
    resize: vertical;
    min-height: 80px
}

._font-text_1eibr_36._font-text_1eibr_36._font-text_1eibr_36._font-text_1eibr_36 {
    font-family: var(--font-family-text)
}

._font-monospace_1eibr_39._font-monospace_1eibr_39._font-monospace_1eibr_39._font-monospace_1eibr_39 {
    font-family: var(--font-family-monospace)
}

._coverTheme_1pfrf_1 {
    --color-fg-tertiary: var(--cover_print_tertiary, var(--color-light-fg-tertiary))
}

._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1 {
    fill: #53484b;
    stroke: #53484b;
    padding: 0;
    height: 20px;
    position: absolute;
    top: 27px;
    right: 27px
}

@media screen and (max-width: 650px) {
    ._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1 {
        display: none
    }
}

._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1:hover {
    box-shadow: none;
    background-color: transparent
}

._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1:active {
    border-color: transparent
}

._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1._closeWelcomeModal_1o1mi_1 {
    svg {
        stroke: var(--cover_print_primary);
        fill: var(--cover_print_primary);
    }
}

._maybeLater_1o1mi_28._maybeLater_1o1mi_28._maybeLater_1o1mi_28 {
    color: var(--cover_print_secondary);
    margin: 10px auto 0;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    gap: 0
}

@media screen and (max-width: 650px) {
    ._maybeLater_1o1mi_28._maybeLater_1o1mi_28._maybeLater_1o1mi_28 {
        margin: 8px auto 0
    }
}

._maybeLater_1o1mi_28._maybeLater_1o1mi_28._maybeLater_1o1mi_28:hover:active {
    opacity: .7
}

._maybeLater_1o1mi_28._maybeLater_1o1mi_28._maybeLater_1o1mi_28 {
    svg {
        vertical-align: middle;
        margin-left: 8px;
        height: 18px;
        stroke: var(--cover_print_secondary);
        stroke-width: 2px;
    }
}

._publicationCoverPhotoLeft_1o1mi_52 {
    max-width: 476px;
    object-fit: contain;
    object-position: left
}

._publicationCoverPhotoRight_1o1mi_58 {
    max-width: 476px;
    height: 476px;
    object-fit: contain;
    object-position: center center
}

._largePublicationCoverPhotoRight_1o1mi_65 {
    max-width: 568px;
    height: 568px;
    object-fit: contain;
    object-position: center center
}

._column_1o1mi_72 {
    width: 476px
}

._largeColumn_1o1mi_76 {
    width: 568px
}

._centeredColumn_1o1mi_80._centeredColumn_1o1mi_80 {
    width: 500px;
    align-self: center
}

._largeCenteredColumn_1o1mi_85._largeCenteredColumn_1o1mi_85 {
    width: 700px
}

@media screen and (max-width: 1000px) {
    ._hideColumnSmallScreens_1o1mi_89 {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    ._hideLargeColumnSmallScreens_1o1mi_95 {
        display: none
    }
}

._publicationCoverPhotoCenter_1o1mi_101 {
    max-width: 840px;
    max-height: 168px;
    object-fit: contain
}

._publicationLogo_1o1mi_107 {
    max-width: 84px;
    height: 84px;
    aspect-ratio: 1;
    border-radius: 6px
}

._coverPrimary_1o1mi_114._coverPrimary_1o1mi_114._coverPrimary_1o1mi_114._coverPrimary_1o1mi_114 {
    color: var(--cover_print_primary)
}

._coverSecondary_1o1mi_118._coverSecondary_1o1mi_118._coverSecondary_1o1mi_118._coverSecondary_1o1mi_118 {
    color: var(--cover_print_secondary)
}

._blurbImage_1o1mi_122 {
    height: 48px;
    aspect-ratio: 1;
    border-radius: var(--border-radius-full)
}

._containerClassName_1o1mi_128._containerClassName_1o1mi_128,
._promptClassName_1o1mi_132._promptClassName_1o1mi_132 {
    max-width: none
}

._inputClassName_1o1mi_136._inputClassName_1o1mi_136._inputClassName_1o1mi_136._inputClassName_1o1mi_136 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.45px;
    width: 100%;
    height: 48px
}

._subscribeButtonClassName_1o1mi_144._subscribeButtonClassName_1o1mi_144._subscribeButtonClassName_1o1mi_144._subscribeButtonClassName_1o1mi_144 {
    height: 48px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.45px;
    padding: 0 32px
}

._largeHeading_1o1mi_152._largeHeading_1o1mi_152._largeHeading_1o1mi_152._largeHeading_1o1mi_152 {
    font-size: 64px;
    font-weight: var(--font-weight-heavy);
    line-height: 76px;
    letter-spacing: .38px
}

._largeSubHeading_1o1mi_159._largeSubHeading_1o1mi_159._largeSubHeading_1o1mi_159._largeSubHeading_1o1mi_159 {
    font-size: 30px;
    font-weight: var(--font-weight-regular);
    line-height: 36px;
    letter-spacing: .38px
}

._largePromptClassName_1o1mi_166._largePromptClassName_1o1mi_166 {
    max-width: none;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 16px
}

._largeInputWrapperClassName_1o1mi_174._largeInputWrapperClassName_1o1mi_174 {
    width: 100%
}

._largeInputClassName_1o1mi_178._largeInputClassName_1o1mi_178._largeInputClassName_1o1mi_178._largeInputClassName_1o1mi_178 {
    font-size: 20px;
    font-weight: var(--font-weight-regular);
    line-height: 30px;
    letter-spacing: .38px;
    width: 100%;
    height: 48px;
    border-right-width: 1px;
    border-radius: 6px
}

._largeSubscribeButtonClassName_1o1mi_190._largeSubscribeButtonClassName_1o1mi_190._largeSubscribeButtonClassName_1o1mi_190._largeSubscribeButtonClassName_1o1mi_190 {
    width: 100%;
    height: 48px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .38px;
    text-align: center;
    padding: 0 32px;
    border-radius: 6px
}

._postContainer_1o1mi_201 {
    box-shadow: 0 8px 16px 0 var(--color_theme_bg_contrast_2), 0 0 4px 0 var(--color_theme_bg_contrast_3);
    border: 1px solid var(--color_theme_bg_contrast_1);
    border-radius: 6px
}

._postTitle_1o1mi_209 {
    max-height: 72px;
    overflow: hidden
}

._postSubtitle_1o1mi_214 {
    max-height: 48px;
    overflow: hidden
}

._postImage_1o1mi_219 {
    height: 96px;
    aspect-ratio: 1;
    border-radius: 3px;
    object-fit: cover
}

._faces_1o1mi_226 {
    position: relative;
    z-index: 0;
    height: var(--size-40)
}

._face_1o1mi_226 {
    position: relative;
    background: var(--cover_bg_color);
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--cover_bg_color);
    box-sizing: border-box;
    width: var(--size-48);
    height: var(--size-48);
    margin-left: calc(-1 * var(--size-16))
}

._face_1o1mi_226._first_1o1mi_244 {
    margin-left: 0
}

._face_1o1mi_226._last_1o1mi_248 {
    margin-right: var(--size-4)
}

._bigSubtitle_1o1mi_253 {
    font-size: 30px
}

._balancedText_1o1mi_257 {
    text-wrap: balance
}

._img_16u6n_1 {
    display: flex
}

._object-fit-cover_16u6n_5 {
    object-fit: cover
}


._button_z1ego_1._button_z1ego_1._button_z1ego_1 {
    background-color: var(--color-accent-themed)
}

._avatarWithPubLogo_z1ego_5 {
    position: relative
}

._avatar_z1ego_5 {
    box-shadow: var(--shadow-md);
    border: 3px solid white
}

._pubLogo_z1ego_14 {
    box-shadow: var(--shadow-md);
    border: 3px solid white;
    border-radius: var(--border-radius-md)
}

._displayedBadge_z1ego_20 {
    position: absolute;
    display: inline-block;
    height: var(--size-24);
    top: -14px;
    right: 50%;
    transform: translate(50%);
    border-radius: var(--border-radius-md);
    background-color: var(--color-accent-themed);
    color: var(--color-accent-inverse-themed);
    line-height: var(--size-20);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    font-family: var(--font-family-title);
    padding: 2px 10px;
    box-sizing: border-box;
    white-space: nowrap
}

._pubIcon_z1ego_43 {
    position: absolute;
    bottom: -4px;
    right: -4px;
    border-radius: var(--border-radius-md);
    border: 3px solid white;
    box-shadow: var(--shadow-md);
    background: white
}

._offer_z1ego_53 {
    position: relative;
    border: 2px solid var(--color-accent-themed);
    min-height: 250px;
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d
}

._offer_z1ego_53._unavailable_z1ego_60 {
    border: var(--border-default)
}

._description_z1ego_65 {
    color: var(--color-fg-primary)
}

._check_z1ego_69 {
    fill: var(--color-accent-themed);
    color: #fff
}

._disabledCheck_z1ego_74 {
    stroke: var(--color-utility-detail)
}

._originalPrice_z1ego_78 {
    text-decoration: line-through;
    padding-right: var(--size-4)
}

._closeButton_z1ego_83 {
    position: absolute;
    top: var(--size-24);
    left: var(--size-24);
    border-radius: var(--size-20);
    cursor: pointer;
    background-color: var(--color-bg-tertiary)
}

._closeButton_z1ego_83:hover {
    background-color: var(--color-bg-secondary)
}

._closeIcon_z1ego_96 {
    stroke-width: 1px;
    stroke: var(--color-fg-secondary)
}

._container_1b91z_1 {
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

._verticalMenu_1tpk0_1 {
    position: absolute;
    top: 20px;
    right: 20px
}

._customThumbnailInput_1tpk0_7 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

._placeholder_1tpk0_17 {
    background-color: #000;
    border-radius: var(--border-radius-xs)
}

._loadingPlaceholder_1tpk0_22,
._videoPlaceholder_1tpk0_27 {
    width: 240px;
    height: 140px
}

._thumbnailPicture_1tpk0_32 {
    object-fit: contain;
    width: 240px;
    height: 140px
}

._videoEditorMenu_1tpk0_38 {
    position: relative;
    width: 100%
}

._verticalMenuLabel_1tpk0_43 {
    transition: opacity .3s ease
}

._clipIcon_1tpk0_47 {
    opacity: .7
}

._mention_nenbx_1._mention_nenbx_1._mention_nenbx_1 {
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    color: var(--color-accent-themed);
    border-radius: var(--size-4);
    padding: 0 .125em .0625em;
    margin: 0 -.125em;
    transition: var(--animate-hover)
}

._mention_nenbx_1._mention_nenbx_1._mention_nenbx_1>a {
    text-decoration: none
}

._mention_nenbx_1._mention_nenbx_1._mention_nenbx_1:hover {
    text-decoration: underline
}

._mentionStatic_nenbx_21>a {
    -webkit-text-decoration: auto;
    text-decoration: auto
}

._root_xvtct_1 {
    position: fixed;
    inset: 0;
    background: var(--color-utility-modal);
    justify-content: flex-end;
    z-index: 2
}

._sheet_xvtct_12 {
    background-color: var(--color-bg-primary);
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
    max-height: 80vh
}

._transition_xvtct_18 {
    transition: all var(--animation-timing-slow) var(--animation-smoothing)
}

._show_xvtct_22 {
    opacity: 1;
    transform: translateY(0)
}

._hide_xvtct_27 {
    opacity: 0;
    transform: translateY(100%)
}

._menu_15tln_1 {
    min-width: 240px;
    gap: var(--size-8);
    transition: all var(--animation-timing-slow)
}

._submenu_15tln_7 {
    transform: translateY(-9px)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11 {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--size-12);
    padding: var(--size-8);
    min-height: var(--size-40);
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    color: var(--color-fg-primary);
    transition: var(--animate-hover);
    cursor: pointer;
    box-sizing: border-box
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._disabled_15tln_25 {
    cursor: default;
    opacity: .5
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11:hover:not(._disabled_15tln_25) {
    background: var(--color-bg-elevated-secondary)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._destructive_15tln_34 {
    color: var(--color-semantic-error-bg-primary)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._destructive_15tln_34 svg {
    stroke: var(--color-semantic-error-bg-primary)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._secondary_15tln_42 {
    color: var(--color-fg-secondary)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._secondary_15tln_42 svg {
    stroke: var(--color-fg-secondary)
}

._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._menuItem_15tln_11._relative_15tln_50 {
    position: relative
}

._icon_15tln_55 {
    stroke: var(--color-fg-primary)
}

._text_15tln_59 {
    flex: 1 1 0
}

._transition_15tln_63 {
    transition: var(--animate-hover)
}

._show_15tln_67 {
    opacity: 1;
    transform: translateY(0)
}

._hide_15tln_72 {
    opacity: 0;
    transform: translateY(calc(-1 * var(--size-8)))
}

._actionSheetTransition_15tln_77 {
    transition: all var(--animation-timing-slow) var(--animation-smoothing)
}

._actionSheetShow_15tln_81 {
    opacity: 1
}

._actionSheetHide_15tln_85 {
    opacity: 0
}

._modal_7v530_1 {
    position: fixed;
    inset: 0;
    z-index: 30;
    overflow-y: auto
}

._renderOverReactLaagPortal_7v530_8 {
    z-index: 1001 !important
}

._modalBackdrop_7v530_12 {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center
}

._backdropEnter_7v530_19 {
    transition: all .2s ease-in-out
}

._backdropEnterFrom_7v530_22 {
    opacity: 0
}

._backdropEnterTo_7v530_25 {
    opacity: 1
}

._backdropLeave_7v530_28 {
    transition: all .2s ease-in-out
}

._backdropLeaveFrom_7v530_31 {
    opacity: 1
}

._backdropLeaveTo_7v530_34 {
    opacity: 0
}

._dialogEnter_7v530_38 {
    transition: all .2s ease-in-out
}

._dialogEnterFrom_7v530_41 {
    opacity: 0;
    transform: translateY(3rem)
}

._dialogEnterTo_7v530_45 {
    opacity: 1;
    transform: translateY(0)
}

._dialogLeave_7v530_49 {
    transition: all .2s ease-in-out
}

._dialogLeaveFrom_7v530_52 {
    opacity: 1;
    transform: translateY(0)
}

._dialogLeaveTo_7v530_56 {
    opacity: 0;
    transform: translateY(3rem)
}

._backdropDark_7v530_61 {
    position: fixed;
    inset: 0;
    background-color: #000c
}

._backdropMedium_7v530_66 {
    position: fixed;
    inset: 0;
    background-color: #00000080
}

._container_7v530_72 {
    position: absolute
}

._container_7v530_72._full_7v530_75 {
    inset: 0;
    justify-content: center;
    align-items: center
}

._container_7v530_72._bottom_7v530_84 {
    display: block;
    flex-flow: column;
    margin: 0 auto;
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    height: auto;
    background-color: var(--color-bg-primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: var(--border-default);
    box-shadow: var(--shadow-lg);
    transition: transform .3s ease-out;
    transform: translateY(0)
}

._container_7v530_72._bottom_7v530_84._hide_7v530_103._hide_7v530_103._hide_7v530_103._hide_7v530_103 {
    transform: translateY(100%);
    opacity: initial
}

._container_7v530_72._default_7v530_109 {
    display: block;
    flex-flow: column;
    width: 100vw;
    margin: 0 auto;
    background-color: var(--color-bg-primary);
    border: var(--border-default);
    box-shadow: var(--shadow-lg)
}

@media (min-width: 640px) {
    ._container_7v530_72._default_7v530_109 {
        max-width: calc(100vw - 32px);
        position: relative
    }
}

._container_7v530_72._default_7v530_109._fullscreenMobile_7v530_124 {
    top: 0;
    bottom: 0;
    overflow: auto
}

@media (max-width: 650px) {
    ._container_7v530_72._default_7v530_109._fullscreenMobile_7v530_124 {
        border: none;
        box-shadow: none;
        border-radius: 0
    }
}

._fullscreenMobileHeight_7v530_138 {
    height: 100dvh
}

._maxFullscreenMobile_7v530_142 {
    max-height: 100dvh
}

._header_7v530_146 {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: var(--size-32);
    row-gap: var(--size-4)
}

._title_7v530_154 {
    margin: 0;
    grid-column: 1;
    grid-column-start: 1;
    grid-row-start: 1
}

._description_7v530_161 {
    grid-column: 1 / -1
}

._buttonLeft_7v530_165 {
    margin-right: auto
}

._trigger_hqp32_1 {
    transition: var(--animate-hover)
}

.main-menu .navbar-buttons ._trigger_hqp32_1 svg {
    stroke: var(--color-fg-secondary)
}

.use-theme-bg .navbar-buttons ._trigger_hqp32_1 {
    background-color: var(--color-bg-secondary-themed)
}

.use-theme-bg .navbar-buttons ._trigger_hqp32_1 svg {
    stroke: var(--color-secondary-themed)
}

.use-theme-bg .navbar-buttons ._trigger_hqp32_1:hover {
    background-color: var(--color-bg-tertiary-themed)
}

._divider_hqp32_21 {
    border-top: var(--border-default);
    box-sizing: border-box;
    width: 100%
}

._offset_hqp32_27 {
    margin-left: -2px;
    margin-bottom: -2px
}

._shareIconContainer_hqp32_32 {
    width: var(--size-24);
    height: var(--size-24);
    background: var(--color-fg-secondary)
}

._dropdownMenu_hqp32_38 {
    z-index: 1
}

._alert_1z07y_1 {
    width: 380px;
    position: relative;
    overflow: hidden
}

._close_1z07y_7 {
    position: absolute;
    right: var(--size-16);
    top: var(--size-16)
}

@media screen and (max-width: 650px) {
    ._alert_1z07y_1 {
        display: none
    }
}

._transition_1z07y_19 {
    transform: translateZ(0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
    transition: all var(--animation-smoothing) 1.3s;
    position: relative
}

._enterFrom_1z07y_27 {
    opacity: 0;
    transform: translate3d(0, -16px, 0)
}

._enterTo_1z07y_31 {
    opacity: 100;
    transform: translateZ(0)
}

._leaveFrom_1z07y_35 {
    opacity: 100
}

._leaveTo_1z07y_38 {
    opacity: 0
}

._root_gsaom_1 {
    position: relative;
    background-color: var(--color-bg-elevated-primary)
}

._badge_gsaom_8 {
    position: absolute;
    top: -2px;
    right: -2px;
    padding: 0 4px;
    width: auto;
    min-width: 18px;
    height: 18px;
    border-radius: var(--size-12);
    line-height: 18px;
    font-size: 10px;
    font-weight: var(--font-weight-heavy);
    font-family: var(--font-family-digit);
    box-sizing: border-box;
    box-shadow: var(--color-bg-primary) 0 0 0 2px;
    background: var(--color-accent-themed);
    color: var(--color-accent-inverse-themed)
}

._circle_gsaom_27 {
    width: 18px;
    max-width: 18px
}

._menuIcon_z6du5_1 {
    border-radius: var(--border-radius-sm)
}

._img_9591y_1 {
    height: var(--size-64);
    width: var(--size-64);
    border-radius: var(--border-radius-sm);
    display: block
}

._container_9591y_8 {
    height: 300px;
    width: 242px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--color-detail-themed)
}

._container_9591y_8._large_9591y_16 {
    width: 360px
}

._selectableContainer_9591y_20 {
    cursor: pointer
}

._selectedContainer_9591y_24._selectedContainer_9591y_24._selectedContainer_9591y_24._selectedContainer_9591y_24 {
    border-color: var(--color-primary-themed)
}

._clickableContainer_9591y_28._clickableContainer_9591y_28._clickableContainer_9591y_28._clickableContainer_9591y_28 {
    cursor: pointer
}

._clickableContainer_9591y_28._clickableContainer_9591y_28._clickableContainer_9591y_28._clickableContainer_9591y_28:hover {
    background-color: var(--color-bg-elevated-hover-themed)
}

._containerMobile_9591y_36 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--color-detail-themed)
}

._imgMobile_9591y_43 {
    height: var(--size-32);
    width: var(--size-32);
    border-radius: var(--border-radius-sm);
    display: block
}

._selector_9591y_50 {
    position: absolute;
    top: var(--size-16);
    right: var(--size-16);
    height: var(--size-24);
    width: var(--size-24);
    box-sizing: border-box
}

.filled-checkmark-icon-circle {
    fill: var(--color-accent-themed)
}

._unselected_9591y_63 {
    border-radius: var(--border-radius-full);
    border: 1px solid var(--color-secondary-themed);
    box-sizing: border-box
}

._seeLatest_9591y_69._seeLatest_9591y_69._seeLatest_9591y_69._seeLatest_9591y_69._seeLatest_9591y_69 {
    cursor: pointer;
    color: var(--color-secondary-themed)
}

._container_b0pkk_1 {
    width: 100%
}

._right_1b26b_1 {
    margin-left: auto;
    margin-right: 0
}

._liveUpdatingInput_1b26b_6 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 12px;
    width: 200px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: var(--border-radius-sm)
}

._invalid_1b26b_23 {
    border-color: #d72b2b !important
}

._narrower_1b26b_27 {
    max-width: 440px
}

._autoMargins_1b26b_31 {
    margin-left: auto;
    margin-right: auto;
    max-width: 100vw
}

._mobileAwareWidth_1b26b_37 {
    max-width: calc(100vw - 32px)
}

._borderedBox_1b26b_41 {
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
    border-radius: var(--border-radius-md)
}

._errorText_1b26b_50 {
    color: red
}

._aTag_1b26b_54 {
    color: inherit
}

._image_1jv7a_1 {
    height: 264px;
    width: 264px
}

._buttonGroup_1jv7a_6 {
    max-width: 440px;
    width: 100%
}

._image_woi6m_1 {
    height: 150px;
    width: 150px
}

._buttonGroup_woi6m_6 {
    max-width: 440px;
    width: 100%
}

._subMenuTrigger_1fyh8_1 {
    cursor: pointer
}

._subMenuItem_1fyh8_6._subMenuItem_1fyh8_6._subMenuItem_1fyh8_6._subMenuItem_1fyh8_6._subMenuItem_1fyh8_6._subMenuItem_1fyh8_6._disabled_1fyh8_6 {
    opacity: 1
}

._subMenuItem_1fyh8_6._disabled_1fyh8_6 div {
    font-weight: var(--font-weight-heavy)
}

._logo_1fyh8_14 {
    border-radius: var(--border-radius-xs)
}

._chevron_1fyh8_18 {
    margin-left: 3px
}

._popoverBase_qxok8_1 {
    background: var(--color-bg-elevated-primary);
    display: block;
    position: absolute;
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    border: var(--border-default);
    max-width: 350px;
    min-width: 150px;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    padding: var(--size-16);
    padding: 8px
}

._overscrollTransition_hgq4s_1 {
    transition: transform .2s var(--animation-smoothing)
}

._scrollBox_41cah_1 {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    overflow: scroll;
    -webkit-user-select: none;
    user-select: none
}

._fade_41cah_8 {
    display: flex;
    position: absolute;
    height: 100%;
    opacity: 0;
    transition: var(--animate-hover);
    pointer-events: none
}

._fade_41cah_8._visible_41cah_16 {
    opacity: 1;
    pointer-events: auto
}

._fade_41cah_8 ._bg_41cah_21 {
    position: absolute;
    width: var(--size-112);
    height: 100%;
    pointer-events: none
}

@media (max-width: 650px) {
    ._fade_41cah_8 ._bg_41cah_21 {
        width: var(--size-64);
        opacity: .75
    }
}

._fade_41cah_8._left_41cah_33 {
    left: 0;
    justify-content: flex-start
}

._fade_41cah_8._left_41cah_33 ._bg_41cah_21 {
    background: linear-gradient(to right, var(--color-bg-primary) var(--size-16), rgb(var(--color-bg-primary-raw) / 0));
    background: linear-gradient(90deg, rgb(var(--color-bg-primary-raw)) 0%, rgb(var(--color-bg-primary-raw) / .9990234375) 6.25%, rgb(var(--color-bg-primary-raw) / .9921875) 12.5%, rgb(var(--color-bg-primary-raw) / .9736328125) 18.75%, rgb(var(--color-bg-primary-raw) / .9375) 25%, rgb(var(--color-bg-primary-raw) / .8779296875) 31.25%, rgb(var(--color-bg-primary-raw) / .7890625) 37.5%, rgb(var(--color-bg-primary-raw) / .6650390625) 43.75%, rgb(var(--color-bg-primary-raw) / .5) 50%, rgb(var(--color-bg-primary-raw) / .3349609375) 56.25%, rgb(var(--color-bg-primary-raw) / .2109375) 62.5%, rgb(var(--color-bg-primary-raw) / .1220703125) 68.75%, rgb(var(--color-bg-primary-raw) / .0625) 75%, rgb(var(--color-bg-primary-raw) / .0263671875) 81.25%, rgb(var(--color-bg-primary-raw) / .0078125) 87.5%, rgb(var(--color-bg-primary-raw) / .0009765625) 93.75%, rgb(var(--color-bg-primary-raw) / 0) 100%)
}

._fade_41cah_8._right_41cah_66 {
    right: 0;
    justify-content: flex-end
}

._fade_41cah_8._right_41cah_66 ._bg_41cah_21 {
    background: linear-gradient(to left, var(--color-bg-primary) var(--size-36), rgb(var(--color-bg-primary-raw) / 0));
    background: linear-gradient(90deg, rgb(var(--color-bg-primary-raw) / 0) 0%, rgb(var(--color-bg-primary-raw) / .0009765625) 6.25%, rgb(var(--color-bg-primary-raw) / .0078125) 12.5%, rgb(var(--color-bg-primary-raw) / .0263671875) 18.75%, rgb(var(--color-bg-primary-raw) / .0625) 25%, rgb(var(--color-bg-primary-raw) / .1220703125) 31.25%, rgb(var(--color-bg-primary-raw) / .2109375) 37.5%, rgb(var(--color-bg-primary-raw) / .3349609375) 43.75%, rgb(var(--color-bg-primary-raw) / .5) 50%, rgb(var(--color-bg-primary-raw) / .6650390625) 56.25%, rgb(var(--color-bg-primary-raw) / .7890625) 62.5%, rgb(var(--color-bg-primary-raw) / .8779296875) 68.75%, rgb(var(--color-bg-primary-raw) / .9375) 75%, rgb(var(--color-bg-primary-raw) / .9736328125) 81.25%, rgb(var(--color-bg-primary-raw) / .9921875) 87.5%, rgb(var(--color-bg-primary-raw) / .9990234375) 93.75%, rgb(var(--color-bg-primary-raw)) 100%)
}

._arrow_41cah_100 {
    z-index: inherit
}

._arrow_41cah_100:hover svg {
    stroke: var(--color-fg-primary)
}

._arrow_41cah_100 svg {
    stroke: var(--color-fg-tertiary);
    transition: var(--animate-hover)
}

._variables_14fw1_1 {
    display: contents;
    --feed-page-width: 568px;
    --feed-content-width: 520px;
    --feed-v-padding: var(--size-16);
    --feed-h-padding: 0px;
    --feed-h-gap: var(--size-12);
    --feed-v-gap: var(--size-8);
    --feed-avatar-size: var(--size-36);
    --feed-thread-width: var(--size-2)
}

@media (max-width: 600px) {
    ._variables_14fw1_1 {
        --feed-content-width: calc(100vw - (var(--feed-h-padding) * 2) - var(--feed-avatar-size) - var(--feed-h-gap));
        --feed-h-padding: var(--size-16)
    }
}

._isHidden_14fw1_22 {
    pointer-events: none;
    height: 0;
    overflow: hidden;
    content-visibility: hidden
}

._dot_14fw1_29 {
    width: var(--size-8);
    height: var(--size-8);
    border-radius: var(--border-radius-full)
}

._purpleDot_14fw1_35 {
    background-color: var(--color-accent-fg-purple);
    opacity: .5
}

._blueDot_14fw1_40 {
    background-color: var(--color-accent-fg-blue);
    opacity: .5
}

._orangeDot_14fw1_44 {
    background-color: var(--color-accent-bg-orange);
    opacity: .5
}

._redDot_14fw1_48 {
    background-color: var(--color-accent-fg-red);
    opacity: .5
}

._greenDot_14fw1_53 {
    background-color: var(--color-accent-fg-green);
    opacity: .5
}

._silverDot_14fw1_58 {
    background-color: var(--color-accent-fg-silver);
    opacity: .5
}

._yellowDot_14fw1_63 {
    background-color: var(--color-accent-fg-yellow);
    opacity: .5
}

._page_14fw1_68._page_14fw1_68._page_14fw1_68 {
    max-width: 1440px
}

@media (max-width: 600px) {
    ._page_14fw1_68._page_14fw1_68._page_14fw1_68 {
        max-width: 100vw
    }
}

._miniInboxItem_14fw1_76 {
    cursor: pointer;
    transition: var(--animate-hover);
    border-radius: var(--border-radius-sm)
}

._miniInboxItem_14fw1_76:hover {
    background: var(--color-bg-elevated-secondary);
    box-shadow: 4px 4px 0 var(--color-bg-elevated-secondary), -4px 4px 0 var(--color-bg-elevated-secondary), 4px -4px 0 var(--color-bg-elevated-secondary), -4px -4px 0 var(--color-bg-elevated-secondary)
}

._newItems_14fw1_90 {
    transition: var(--animate-hover);
    cursor: pointer
}

@media (hover: hover) {
    ._newItems_14fw1_90:hover {
        background: var(--color-bg-primary-hover)
    }
}

._facepile_14fw1_101 ._face_14fw1_101 {
    border-radius: var(--border-radius-full);
    border: 2px solid var(--color-accent-fg-orange)
}

._facepile_14fw1_101 ._face_14fw1_101:not(:first-of-type) {
    margin-left: -8px
}

._tabIcon_14fw1_111 {
    border-radius: var(--border-radius-full);
    overflow: hidden
}

._feedItem_14fw1_116 {
    --feed-page-width: 568px;
    --feed-content-width: 520px;
    --feed-v-padding: var(--size-16);
    --feed-h-padding: 0px;
    --feed-h-gap: var(--size-12);
    --feed-v-gap: var(--size-8);
    --feed-avatar-size: var(--size-36);
    --feed-thread-width: var(--size-2);
    --feed-context-height: 0px
}

._feedItem_14fw1_116._contain_14fw1_127 {
    content-visibility: auto;
    contain-intrinsic-width: auto 600px;
    contain-intrinsic-height: auto 140px
}

@media (max-width: 600px) {
    ._feedItem_14fw1_116 {
        --feed-content-width: calc(100vw - (var(--feed-h-padding) * 2) - var(--feed-avatar-size) - var(--feed-h-gap));
        --feed-h-padding: var(--size-16)
    }
}

._feedItem_14fw1_116+._feedItem_14fw1_116 {
    border-top: var(--border-default)
}

._feedItem_14fw1_116:last-of-type {
    border-bottom: var(--border-default)
}

._feedUnit_14fw1_150 {
    cursor: pointer;
    transition: var(--animate-hover);
    padding: var(--feed-v-padding) var(--feed-h-padding)
}

._feedUnit_14fw1_150:nth-child(n+2) {
    padding-top: calc(var(--feed-v-padding) / 2)
}

._feedUnit_14fw1_150._showThreadGutter_14fw1_157:nth-child(n+2):before {
    top: calc((var(--feed-v-padding) / 2) + var(--feed-avatar-size) + var(--feed-v-gap))
}

._feedUnit_14fw1_150._showThreadGutter_14fw1_157:not(:last-child) {
    padding-bottom: calc(var(--feed-v-padding) / 2)
}

._feedUnit_14fw1_150._showThreadGutter_14fw1_157:not(._hasAvatar_14fw1_171):before {
    background: none
}

@media (hover: hover) {
    ._feedUnit_14fw1_150._hasAction_14fw1_176:hover ._seeMoreFade_14fw1_177 {
        background: linear-gradient(to left, var(--color-bg-primary-hover), rgba(var(--color-bg-primary-hover-rgb), 0))
    }

    ._feedUnit_14fw1_150._hasAction_14fw1_176:hover ._seeMoreText_14fw1_184 {
        background: var(--color-bg-primary-hover)
    }
}

._metaTimestamp_14fw1_191 {
    color: var(--color-fg-secondary)
}

._inlineSubscribeButton_14fw1_195 {
    padding: 0 var(--size-6);
    background-color: rgb(var(--color-primitive-orange-rgb), .1);
    border-radius: var(--size-6);
    height: var(--size-24);
    align-items: center;
    justify-content: center;
    display: flex;
    gap: var(--size-4);
    transition: var(--animate-hover)
}

._inlineSubscribeButton_14fw1_195._subscribed_14fw1_206 {
    background-color: var(--color-bg-secondary)
}

._inlineSubscribeButton_14fw1_195:hover {
    opacity: 1;
    background-color: rgb(var(--color-primitive-orange-rgb), .2)
}

._inlineSubscribeButton_14fw1_195._subscribed_14fw1_206:hover {
    background-color: var(--color-bg-tertiary)
}

._inlineSubscribeButton_14fw1_195:active:not(:disabled) {
    transform: var(--transform-pressed);
    box-shadow: inset 0 0 250px #00000008
}

._inlineSubscribeButtonLabel_14fw1_227 {
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-13);
    transition: var(--animate-hover);
    color: var(--color-accent-fg-orange);
    margin-top: -1px
}

._inlineSubscribeButtonLabel_14fw1_227._subscribed_14fw1_206 {
    color: var(--color-fg-secondary)
}

._inlineSubscribeButtonIcon_14fw1_240 {
    stroke: var(--color-accent-fg-orange)
}

._inlineSubscribeButtonIcon_14fw1_240._subscribed_14fw1_206 {
    stroke: var(--color-fg-secondary)
}

._feedPermalinkUnit_14fw1_248 {
    padding: calc(var(--feed-v-padding) / 2) var(--feed-h-padding) var(--feed-v-padding)
}

@media (max-width: 600px) {
    ._feedPermalinkUnit_14fw1_248 {
        padding: 0 var(--feed-h-padding) var(--feed-v-padding)
    }
}

._permalinkHeader_14fw1_257 ._feedUnit_14fw1_150:first-child {
    padding-top: 0
}

._permalinkHeader_14fw1_257 ._feedUnit_14fw1_150._showThreadGutter_14fw1_157:first-child:before {
    top: calc(var(--feed-avatar-size) + var(--feed-v-gap))
}

._seeMoreReplies_14fw1_268 {
    padding-left: calc(var(--feed-avatar-size) + var(--feed-h-gap))
}

._seeMoreThread_14fw1_272 {
    position: absolute;
    top: calc(var(--feed-v-padding) * -1);
    bottom: calc(var(--feed-v-padding) / 2 * -1);
    left: calc(var(--feed-h-padding) + (var(--feed-avatar-size) / 2) - (var(--feed-thread-width) / 2));
    width: var(--feed-thread-width);
    z-index: 1
}

._seeMoreThreadSegment_14fw1_284 {
    background-color: var(--color-bg-secondary);
    width: var(--feed-thread-width);
    background: var(--color-utility-detail);
    border-radius: var(--border-radius-sm)
}

._seeMoreThreadSegment_14fw1_284._top_14fw1_289 {
    flex: 0 1 calc(var(--feed-h-padding) + var(--size-12))
}

@media (max-width: 600px) {
    ._seeMoreThreadSegment_14fw1_284._top_14fw1_289 {
        flex: 0 1 calc(var(--feed-h-padding) + 10px)
    }
}

._showThreadGutter_14fw1_157 {
    position: relative
}

._showThreadGutter_14fw1_157._hasContext_14fw1_300 {
    --feed-context-height: var(--size-24)
}

._showThreadGutter_14fw1_157:before {
    content: "";
    display: flex;
    position: absolute;
    top: calc(var(--feed-v-padding) + var(--feed-avatar-size) + var(--feed-v-gap) + var(--feed-context-height));
    bottom: calc(var(--feed-v-padding) / 2 * -1);
    left: calc(var(--feed-h-padding) + (var(--feed-avatar-size) / 2) - (var(--feed-thread-width) / 2));
    width: var(--feed-thread-width);
    background: var(--color-utility-detail);
    border-radius: var(--border-radius-sm)
}

._replyUnit_14fw1_323 {
    position: relative
}

._replyUnit_14fw1_323:before {
    content: "";
    display: flex;
    position: absolute;
    top: calc(var(--feed-avatar-size) + var(--feed-v-gap));
    bottom: var(--feed-v-gap);
    left: calc(var(--feed-avatar-size) / 2 - 1px);
    width: var(--feed-thread-width);
    background: var(--color-utility-detail);
    border-radius: var(--border-radius-sm)
}

@media (hover: hover) {
    ._youtube_14fw1_339:hover {
        box-shadow: var(--shadow-md)
    }
}

@media (hover: hover) {
    ._spotify_14fw1_347:hover {
        box-shadow: var(--shadow-md)
    }
}

._youtubeIframe_14fw1_355 {
    aspect-ratio: 16 / 9
}

._feedCommentBody_14fw1_359 {
    position: relative
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 {
    --block-margin: var(--size-6) 0;
    position: relative
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 *:last-child:first-child {
    margin-top: 0;
    margin-bottom: 0
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 *:first-child {
    margin-top: 0;
    margin-bottom: var(--size-8)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 *:last-child {
    margin-top: var(--size-8);
    margin-bottom: 0
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._smallPreview_14fw1_383 p {
    line-height: 36px
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 a {
    color: var(--color-fg-primary)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 p {
    text-overflow: ellipsis;
    overflow-x: hidden;
    margin: 0;
    color: var(--color-fg-primary);
    line-height: var(--line-height-feed)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 p.is-editor-empty:first-child:before {
    color: var(--color-fg-secondary);
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 p:not(:first-child):not(:last-child) {
    margin: var(--block-margin)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h1,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h2 {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: var(--block-margin);
    color: var(--color-fg-primary);
    text-overflow: ellipsis;
    overflow-x: hidden
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h3,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h4,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h5,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h6 {
    font-size: .75em;
    line-height: 1.5em;
    font-family: var(--font-family-meta);
    text-transform: uppercase;
    color: var(--color-fg-secondary);
    font-weight: var(--font-weight-medium);
    margin: var(--size-8) 0;
    letter-spacing: var(--letter-spacing-meta);
    text-overflow: ellipsis;
    overflow-x: hidden
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h1:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h2:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h3:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h4:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h5:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 h6:first-child {
    margin-top: var(--size-4)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 p>img {
    max-height: var(--size-64)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 pre {
    background: var(--color-bg-secondary);
    padding: var(--size-8) var(--size-12);
    border-radius: var(--border-radius-md);
    border: var(--border-default);
    box-sizing: border-box;
    margin: var(--block-margin)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 pre code {
    white-space: pre-wrap;
    font-family: var(--font-family-monospace);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg-primary);
    background-color: transparent;
    border-radius: 0;
    border: none;
    padding: 0
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 code {
    color: var(--color-accent-fg-orange);
    background-color: var(--color-bg-primary-hover);
    border-radius: var(--border-radius-sm);
    border: var(--border-default);
    padding: 0 var(--size-4);
    font-size: .9em
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 blockquote {
    position: relative;
    margin: var(--block-margin);
    padding-left: calc(var(--size-4) + var(--size-12))
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 blockquote:before {
    content: "";
    position: absolute;
    border-radius: var(--border-radius-full);
    left: 0;
    top: var(--size-2);
    bottom: 0;
    width: var(--size-4);
    background-color: var(--color-bg-tertiary)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 blockquote>* {
    margin: var(--block-margin)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol {
    margin: var(--block-margin);
    padding: 0 0 0 var(--size-24)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul>li:first-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li:first-child {
    margin-bottom: 0
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul>li:last-child,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li:last-child {
    margin-top: 0
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul li:before,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol li:before {
    display: block;
    height: 0;
    width: 0;
    content: ""
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul li p,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol li p {
    margin: 0;
    box-sizing: border-box;
    padding: 0 0 0 var(--size-4)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol,
._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ul {
    padding: 0 0 0 var(--size-24)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li>ol {
    list-style-type: lower-alpha
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li>ol>li>ol {
    list-style-type: lower-roman
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li>ol>li>ol>li>ol {
    list-style-type: auto
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: lower-alpha
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 ol>li>ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: lower-roman
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .note-link {
    color: var(--color-highlight-fg);
    text-decoration: none
}

@media (hover: hover) {
    ._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .note-link:hover {
        text-decoration: underline
    }
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .substack-mention {
    white-space: nowrap;
    text-decoration: none;
    color: var(--color-highlight-fg);
    border-radius: var(--size-4);
    padding: 0 .125em .0625em;
    margin: 0 -.125em;
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .substack-mention:hover {
        text-decoration: underline
    }
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .substack-mention.substack-mention-self {
    color: var(--color-highlight-self-fg);
    background-color: var(--color-highlight-self-bg)
}

._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364._feedCommentBodyInner_14fw1_364 .note-highlight {
    color: var(--color-highlight-fg);
    background-color: var(--color-highlight-bg);
    padding: 0 1px;
    margin: 0 -1px;
    display: inline-block;
    border-radius: var(--size-2)
}

a._underlineLink_14fw1_602 {
    text-decoration: underline
}

a._disabled_14fw1_606 {
    cursor: default;
    pointer-events: none
}

._peopleYouMayKnowContainer_14fw1_611 {
    position: relative;
    cursor: grab
}

._peopleYouMayKnowContainer_14fw1_611:active {
    cursor: grabbing
}

._peopleYouMayKnow_14fw1_611 {
    width: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding: 50%;
    overflow-y: visible;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._peopleYouMayKnow_14fw1_611::-webkit-scrollbar {
    display: none
}

._arrow_14fw1_635 {
    opacity: 1;
    z-index: 1
}

._arrow_14fw1_635._disabled_14fw1_606 {
    opacity: 0;
    pointer-events: none
}

._arrow_14fw1_635._right_14fw1_644 {
    position: absolute;
    right: 0;
    transform: translate(100%);
    transition: var(--animate-hover);
    padding-left: var(--size-12)
}

._arrow_14fw1_635._left_14fw1_652 {
    position: absolute;
    left: 0;
    transform: translate(-100%);
    transition: var(--animate-hover);
    padding-right: var(--size-12)
}

._seeMore_14fw1_177 {
    position: absolute;
    bottom: 0;
    right: 0
}

._seeMoreFade_14fw1_177 {
    width: var(--size-96);
    background: linear-gradient(to left, var(--color-bg-primary), rgb(var(--color-bg-primary-raw) / 0))
}

._seeMoreText_14fw1_184 {
    background: var(--color-bg-primary);
    height: 100%;
    padding-left: var(--size-4);
    line-height: 22px
}

._contextRow_14fw1_683 {
    padding-left: calc(var(--feed-avatar-size) + var(--feed-h-gap))
}

._contextIconContainer_14fw1_687 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(calc(-100% - var(--size-8)), -50%)
}

._contextFacepile_14fw1_694 {
    position: absolute;
    right: 0
}

._contextFacepileAvatar_14fw1_699 {
    border: 2px solid var(--color-bg-primary);
    transform: translate(0)
}

._contextFacepileAvatar_14fw1_699._last_14fw1_703 {
    transform: translate(var(--size-6))
}

._dot_14fw1_29 {
    color: var(--color-fg-secondary)
}

._postAttachment_14fw1_712 {
    overflow: hidden;
    transition: var(--animate-hover);
    box-sizing: border-box
}

@media (hover: hover) {
    ._postAttachment_14fw1_712:hover {
        box-shadow: var(--shadow-md)
    }
}

._postAttachment_14fw1_712:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: var(--inner-border-default);
    z-index: 1
}

._vibrantHeader_14fw1_734 {
    border-bottom: 1px solid var(--color-dark-utility-detail)
}

._maxWidth_14fw1_738 {
    max-width: var(--feed-attachment-width)
}

._postImage_14fw1_742 {
    aspect-ratio: var(--aspect-ratio-social);
    width: 100%;
    object-fit: cover
}

._vibrantPostImage_14fw1_748 {
    opacity: .95
}

._linkImage_14fw1_752 {
    border-radius: var(--border-radius-sm);
    width: var(--size-64);
    height: var(--size-64);
    object-fit: cover
}

._linkImagePlaceholder_14fw1_759 {
    background: var(--color-bg-tertiary)
}

._linkImagePlaceholder_14fw1_759 svg {
    stroke: var(--color-fg-secondary)
}

._actionRow_14fw1_767 {
    height: var(--size-24);
    align-items: center
}

._actionButton_14fw1_772 {
    display: flex;
    align-items: center;
    gap: var(--size-8);
    height: var(--size-32);
    max-width: var(--size-96);
    padding: 0 var(--size-8) !important;
    border-radius: var(--size-16);
    margin-left: calc(-1 * var(--size-8));
    transition: var(--animate-hover), max-width var(--animation-timing-fast) var(--animation-smoothing)
}

._actionButton_14fw1_772._permalink_14fw1_257 {
    height: var(--size-36);
    min-width: var(--size-36);
    border-radius: var(--border-radius-full);
    margin-left: 0
}

._actionButton_14fw1_772._permalink_14fw1_257 svg {
    width: var(--size-20);
    height: var(--size-20);
    min-width: var(--size-20);
    min-height: var(--size-20)
}

._actionButton_14fw1_772._permalink_14fw1_257 svg._heart_14fw1_795 {
    stroke-width: 2px
}

._actionButton_14fw1_772._permalink_14fw1_257._more_14fw1_799 {
    margin-right: calc(-1 * var(--size-8))
}

._actionButton_14fw1_772._shrink_14fw1_804 {
    max-width: var(--size-32);
    justify-content: start
}

._actionButton_14fw1_772 ._digit_14fw1_809 {
    opacity: 1;
    transition: var(--animate-hover), transform var(--animation-timing-fast) var(--animation-smoothing);
    transform: translate(0);
    color: var(--color-fg-secondary)
}

._actionButton_14fw1_772 ._digit_14fw1_809._hidden_14fw1_817 {
    opacity: 0;
    transform: translate(-4px)
}

._actionButton_14fw1_772 svg {
    stroke: var(--color-fg-secondary);
    transition: var(--animate-hover), transform var(--animation-timing-fast) var(--animation-smoothing);
    width: var(--size-16);
    height: var(--size-16);
    min-width: var(--size-16);
    min-height: var(--size-16);
    transform-origin: center
}

._actionButton_14fw1_772:disabled {
    cursor: default
}

._actionButton_14fw1_772:disabled svg {
    stroke: var(--color-fg-tertiary)
}

._actionButton_14fw1_772:disabled ._digit_14fw1_809 {
    color: var(--color-fg-tertiary)
}

._actionButton_14fw1_772:disabled ._heart_14fw1_795 path {
    stroke: var(--color-fg-tertiary)
}

@media (hover: hover) {
    ._actionButton_14fw1_772:not(:disabled):hover {
        background: var(--color-bg-secondary)
    }
}

._actionButton_14fw1_772:not(:disabled):active svg {
    transform: var(--transform-pressed)
}

._actionButton_14fw1_772._like_14fw1_862._active_14fw1_863:not(:disabled) ._digit_14fw1_809 {
    color: var(--color-accent-fg-red)
}

@media (hover: hover) {
    ._actionButton_14fw1_772._like_14fw1_862:not(:disabled):hover {
        background: var(--color-accent-bg-red);
        color: var(--color-accent-fg-red)
    }

    ._actionButton_14fw1_772._like_14fw1_862:not(:disabled):hover ._heart_14fw1_795 path {
        stroke: var(--color-accent-fg-red)
    }

    ._actionButton_14fw1_772._like_14fw1_862:not(:disabled):hover ._digit_14fw1_809 {
        color: var(--color-accent-fg-red)
    }
}

@media (hover: hover) {
    ._actionButton_14fw1_772._reply_14fw1_323:not(:disabled):hover {
        background: var(--color-accent-bg-cyan);
        color: var(--color-accent-fg-cyan)
    }

    ._actionButton_14fw1_772._reply_14fw1_323:not(:disabled):hover svg {
        stroke: var(--color-accent-fg-cyan)
    }

    ._actionButton_14fw1_772._reply_14fw1_323:not(:disabled):hover ._digit_14fw1_809 {
        color: var(--color-accent-fg-cyan)
    }
}

._actionButton_14fw1_772._restack_14fw1_899._active_14fw1_863:not(:disabled) svg {
    stroke: var(--color-accent-fg-green)
}

._actionButton_14fw1_772._restack_14fw1_899._active_14fw1_863:not(:disabled) ._digit_14fw1_809 {
    color: var(--color-accent-fg-green)
}

@media (hover: hover) {
    ._actionButton_14fw1_772._restack_14fw1_899:not(:disabled):hover {
        background: var(--color-accent-bg-green);
        color: var(--color-accent-fg-green)
    }

    ._actionButton_14fw1_772._restack_14fw1_899:not(:disabled):hover svg {
        stroke: var(--color-accent-fg-green)
    }

    ._actionButton_14fw1_772._restack_14fw1_899:not(:disabled):hover ._digit_14fw1_809 {
        color: var(--color-accent-fg-green)
    }
}

@media (hover: hover) {
    ._actionButton_14fw1_772._share_14fw1_922:not(:disabled):hover {
        background: var(--color-accent-bg-orange);
        color: var(--color-accent-fg-orange)
    }

    ._actionButton_14fw1_772._share_14fw1_922:not(:disabled):hover svg {
        stroke: var(--color-accent-fg-orange)
    }
}

._actionButton_14fw1_772._more_14fw1_799:not(:disabled) {
    margin-right: calc(-1 * var(--size-8))
}

._actionButton_14fw1_772._more_14fw1_799:not(:disabled) svg {
    stroke: var(--color-fg-tertiary)
}

@media (hover: hover) {
    ._actionButton_14fw1_772._more_14fw1_799:not(:disabled):hover svg {
        stroke: var(--color-fg-primary)
    }

    ._actionButton_14fw1_772._more_14fw1_799:not(:disabled):hover {
        background: transparent
    }
}

._shortPostText_14fw1_953 p {
    margin: 0
}

._shortPostText_14fw1_953 a {
    color: var(--color-accent-fg-cyan)
}

@media (hover: hover) {
    ._shortPostText_14fw1_953 a:hover {
        text-decoration: underline
    }
}

._shortPostText_14fw1_953._large_14fw1_966 {
    font-size: var(--font-size-20);
    line-height: var(--font-size-32)
}

._stat_14fw1_972 {
    color: var(--color-fg-secondary);
    cursor: pointer
}

@media (hover: hover) {
    ._stat_14fw1_972:hover {
        text-decoration: underline
    }
}

.modal.popup.report-comment-modal._reportModal_14fw1_982 .container {
    width: 502px
}

@media (max-width: 650px) {
    .modal.popup.report-comment-modal._reportModal_14fw1_982 .container {
        width: calc(100% - 44px)
    }
}

@media (max-width: 650px) {
    .modal.popup.report-comment-modal._reportModal_14fw1_982 .container textarea {
        width: 100%;
        box-sizing: border-box
    }
}

._likeButton_14fw1_996 {
    --color-bg: var(--color-bg-primary);
    --color-heart: var(--color-accent-fg-red);
    --easing: var(--animation-smoothing);
    --duration: .75s
}

._likeButton_14fw1_996 *,
._likeButton_14fw1_996 *:before,
._likeButton_14fw1_996 *:after {
    position: relative;
    box-sizing: border-box
}

._heartWrapper_14fw1_1010 {
    display: grid;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: var(--size-20)
}

._heartWrapper_14fw1_1010>* {
    margin: auto;
    grid-area: 1 / 1
}

._heart_14fw1_795 {
    width: var(--size-20);
    height: var(--size-20);
    display: block;
    transform-origin: center;
    stroke-width: 2.5px
}

._heart_14fw1_795>path {
    stroke: var(--color-fg-secondary);
    fill: transparent;
    transition: fill var(--animation-timing-fast) var(--easing), scale var(--animation-timing-fast) var(--easing), stroke var(--animation-timing-fast) var(--easing);
    transform-origin: center
}

._likeButton_14fw1_996._active_14fw1_863._clickedOnce_14fw1_1042:focus ._heartWrapper_14fw1_1010._isLiked_14fw1_1043 ._heart_14fw1_795 {
    animation: _heart-bounce_14fw1_1 var(--duration) var(--easing)
}

._likeButton_14fw1_996._active_14fw1_863._clickedOnce_14fw1_1042:focus ._heartWrapper_14fw1_1010._isLiked_14fw1_1043 ._spark_14fw1_1047 {
    animation: _spark-burst_14fw1_1 calc(var(--duration) * 1) var(--easing) forwards
}

._likeButton_14fw1_996._active_14fw1_863 ._heart_14fw1_795>path {
    fill: var(--color-heart);
    stroke: var(--color-heart)
}

@keyframes _heart-bounce_14fw1_1 {
    0% {
        transform: scale(.7)
    }

    50% {
        transform: scale(1.1)
    }

    60% {
        transform: var(--transform-pressed)
    }

    to {
        transform: scale(1)
    }
}

._sparks_14fw1_1073 {
    width: 1px;
    height: 1px
}

._spark_14fw1_1047 {
    --color: var(--color-accent-fg-red);
    --percentage: calc(var(--i) / var(--total-sparks));
    --Θ: calc(var(--percentage) * 1turn + .5turn);
    position: absolute;
    top: 0;
    left: 0;
    height: .1em;
    width: .1em;
    opacity: 0;
    border-radius: var(--border-radius-sm);
    background-color: var(--color);
    transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(0) scaleY(0)
}

@keyframes _spark-burst_14fw1_1 {
    40% {
        height: .3em
    }

    40%,
    50% {
        height: .3em;
        transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(.8em) scale(1)
    }

    70% {
        height: .2em;
        opacity: .8
    }

    to {
        transform: translate(-50%, -50%) rotate(var(--Θ)) translateY(1em) scale(0);
        opacity: 0
    }
}

._ripple_14fw1_1113 {
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius-full);
    overflow: hidden
}

._ripple_14fw1_1113:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 14px solid var(--color-heart);
    border-radius: inherit;
    transform: scale(0)
}

._mutedItem_14fw1_1134 {
    z-index: 1
}

._saveButton_14fw1_1138 {
    opacity: .6
}

@media (hover: hover) {
    ._saveButton_14fw1_1138:hover {
        opacity: 1
    }
}

._saveButton_14fw1_1138._vibrant_14fw1_734 {
    mix-blend-mode: luminosity
}

._saveButton_14fw1_1138._saved_14fw1_1152 {
    opacity: 1
}

._saveButton_14fw1_1138 svg {
    fill-opacity: 0 !important;
    transition: fill-opacity var(--animation-timing-fast) var(--animation-smoothing)
}

._saveButton_14fw1_1138._vibrant_14fw1_734 svg {
    stroke: #c8c8c8 !important;
    fill: #c8c8c8 !important
}

._saveButton_14fw1_1138._saved_14fw1_1152 svg {
    fill-opacity: 1 !important
}

._videoThumbnailImage_14fw1_1171 {
    position: absolute;
    inset: 0
}

._pageStack_tmuk0_1>*+* {
    border-top: var(--border-default)
}

._pageStack_tmuk0_1._gap_0_tmuk0_6 {
    padding-top: 0;
    padding-bottom: 0
}

._pageStack_tmuk0_1._gap_8_tmuk0_10>*:not(:last-child) {
    padding-bottom: var(--size-8)
}

._pageStack_tmuk0_1._gap_8_tmuk0_10>*+* {
    padding-top: var(--size-8)
}

._pageStack_tmuk0_1._gap_16_tmuk0_18>*:not(:last-child) {
    padding-bottom: var(--size-16)
}

._pageStack_tmuk0_1._gap_16_tmuk0_18>*+* {
    padding-top: var(--size-16)
}

._linkRow_tmuk0_28 {
    display: flex;
    flex-flow: column;
    margin: 0;
    width: 100%
}

._linkRow_tmuk0_28._isPadded_tmuk0_34 {
    padding: var(--size-16) 0
}

@media (max-width: 650px) {
    ._linkRow_tmuk0_28._isPadded_tmuk0_34 {
        padding: var(--size-12) 0
    }
}

._linkRow_tmuk0_28._isPadded_tmuk0_34:first-child {
    padding-top: 0
}

._linkRow_tmuk0_28._isPadded_tmuk0_34:last-child {
    padding-bottom: 0
}

._linkRowA_tmuk0_51 {
    border: 1px solid transparent;
    box-sizing: border-box;
    text-decoration: none;
    padding: var(--size-8);
    transition: var(--animate-hover)
}

._linkRowA_tmuk0_51._isClickable_tmuk0_58 {
    cursor: pointer;
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._linkRowA_tmuk0_51._isClickable_tmuk0_58:hover {
        background-color: var(--color-bg-primary-hover);
        --color-bg-primary: var(--color-bg-primary-hover);
        --color-bg-primary-themed: var(--color-bg-primary-hover-themed)
    }
}

._linkRowA_tmuk0_51._isSelectable_tmuk0_71 {
    cursor: default
}

._linkRowA_tmuk0_51._isSelected_tmuk0_75 {
    cursor: pointer;
    background-color: var(--color-bg-primary-hover)
}

@media (hover: hover) {

    .elevated ._linkRowA_tmuk0_51:hover,
    .elevated ._isSelected_tmuk0_75 {
        background-color: var(--color-bg-elevated-secondary);
        --color-bg-elevated-themed: var(--color-bg-elevated-hover-themed)
    }
}

._zero_tmuk0_89 {
    text-align: center
}

._zero_tmuk0_89 svg {
    stroke: var(--color-fg-secondary);
    stroke-width: 1.5px
}

._zero_tmuk0_89 svg * {
    stroke: var(--color-fg-secondary);
    stroke-width: 1.5px
}

._hoverLink_tmuk0_103 {
    color: inherit;
    text-decoration: none
}

@media (hover: hover) {
    ._hoverLink_tmuk0_103:hover {
        text-decoration: underline
    }
}

._input_tmuk0_113 {
    height: var(--size-40);
    padding: 0 var(--size-12);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    background: var(--color-bg-primary);
    color: var(--color-fg-primary);
    font-size: var(--font-size-16)
}

._input_tmuk0_113::placeholder {
    color: var(--color-fg-tertiary)
}

._input_tmuk0_113:focus {
    border-color: var(--color-fg-tertiary);
    background: var(--color-bg-secondary) !important
}

._input_tmuk0_113._error_tmuk0_129 {
    border-color: var(--color-semantic-error-bg-primary);
    color: var(--color-semantic-error-bg-primary) !important
}

._input_tmuk0_113:disabled {
    color: var(--color-fg-tertiary)
}

._textarea_tmuk0_138 {
    font-family: var(--font-family-text);
    color: var(--color-fg-primary);
    padding: var(--size-12)
}

._tabsContainer_tmuk0_144 {
    position: relative;
    background-image: linear-gradient(to bottom, rgb(var(--color-bg-primary-raw) / 1), rgb(var(--color-bg-primary-raw) / .75));
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    z-index: 1;
    overflow: hidden
}

._tabs_tmuk0_144 {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-padding-left: 16px
}

._tabs_tmuk0_144::-webkit-scrollbar {
    display: none
}

._placeholder_1ka32_1 {
    background: linear-gradient(to right, var(--color-bg-secondary), var(--color-bg-primary-hover), var(--color-bg-secondary));
    background-size: 200% 100%;
    animation: _travel_1ka32_1 2s infinite linear
}

._placeholder_1ka32_1._bar_1ka32_11 {
    height: var(--font-size-16)
}

._placeholder_1ka32_1._circle_1ka32_15 {
    border-radius: var(--border-radius-full)
}

._placeholder_1ka32_1._elevated_1ka32_19 {
    background: linear-gradient(to right, var(--color-bg-tertiary), var(--color-bg-secondary), var(--color-bg-tertiary));
    background-size: 200% 100%;
    animation: _travel_1ka32_1 2s infinite linear
}

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

    to {
        background-position: 0% 0
    }
}

._publicationPopover_c9bh7_4 {
    z-index: 2
}

._breakOut_c9bh7_8 {
    margin: 0 calc(-1 * var(--size-8))
}

._hoverCardAvatar_c9bh7_12 {
    display: flex;
    box-sizing: border-box;
    gap: var(--size-12);
    align-items: center;
    padding: var(--size-8);
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    height: var(--size-48)
}

._hoverCardAvatar_c9bh7_12:hover {
    background-color: var(--color-bg-elevated-secondary)
}

._hoverCardTitle_c9bh7_28:hover {
    text-decoration: underline
}

._writesCard_c9bh7_32 {
    background-color: var(--color-bg-elevated-secondary)
}

._hoverCardSeeAll_c9bh7_36 {
    text-decoration: none;
    color: var(--color-accent-fg-cyan)
}

._hoverCardSeeAll_c9bh7_36:hover {
    text-decoration: underline
}

._profileHoverCardZone_c9bh7_45 {
    position: absolute;
    inset: 0
}

._profileHoverCardTarget_c9bh7_50,
._publicationHoverCardTarget_c9bh7_51 {
    position: relative;
    display: inline-block
}

._profileHoverCardTarget_c9bh7_50._inline_c9bh7_55,
._publicationHoverCardTarget_c9bh7_51._inline_c9bh7_55 {
    display: inline
}

._profileHoverCard_c9bh7_45,
._publicationHoverCard_c9bh7_51 {
    width: 350px
}

._profileHoverCardHeader_c9bh7_65 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--size-12);
    padding: var(--size-8)
}

._profileHoverCardNameRow_c9bh7_73 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--size-16)
}

._facepileFace_c9bh7_81 {
    border-radius: var(--border-radius-full);
    border: 2px solid var(--color-bg-primary);
    margin-left: -6px;
    object-fit: cover
}

._spinner_1v1he_1,
._radialProgress_1v1he_2 {
    --size: 24px;
    --stroke-width: 2px;
    --half-size: calc(var(--size) / 2);
    --radius: calc((var(--size) - var(--stroke-width)) / 2);
    --circumference: calc(var(--radius) * pi * 2);
    --fg-color: var(--color-fg-secondary);
    --bg-color: var(--color-utility-detail)
}

._spinner_1v1he_1._media_1v1he_13,
._radialProgress_1v1he_2._media_1v1he_13 {
    --fg-color: var(--color-utility-white);
    --bg-color: rgba(255, 255, 255, .25)
}

._thinker_1v1he_19 {
    fill: var(--color-fg-tertiary)
}

._thinker_1v1he_19._media_1v1he_13 {
    fill: var(--color-utility-white)
}

._spinner_1v1he_1 {
    --dash: calc((25 * var(--circumference)) / 100)
}

._spinner_1v1he_1 ._bg_1v1he_31,
._spinner_1v1he_1 ._fg_1v1he_32 {
    fill: none;
    transform-origin: center;
    stroke-linecap: round
}

._spinner_1v1he_1 ._fg_1v1he_32 {
    transform-origin: var(--half-size) var(--half-size);
    stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
    animation: _spin_1v1he_1 2s infinite cubic-bezier(.65, 0, .35, 1)
}

._spinner_1v1he_1 ._bg_1v1he_31,
._radialProgress_1v1he_2 ._bg_1v1he_31 {
    stroke: var(--bg-color)
}

._spinner_1v1he_1 ._fg_1v1he_32,
._radialProgress_1v1he_2 ._fg_1v1he_32 {
    will-change: transform;
    stroke: var(--fg-color)
}

._radialProgress_1v1he_2 {
    --percent: 0;
    --dash: calc(var(--circumference) * var(--percent))
}

._radialProgress_1v1he_2 ._bg_1v1he_31,
._radialProgress_1v1he_2 ._fg_1v1he_32 {
    fill: none;
    stroke-linecap: round
}

._radialProgress_1v1he_2 ._fg_1v1he_32 {
    transform: rotate(-90deg);
    transform-origin: var(--half-size) var(--half-size);
    stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
    transition: stroke-dasharray var(--animation-timing-slow) var(--animation-smoothing)
}

@keyframes _spin_1v1he_1 {
    0% {
        transform: rotate(-135deg)
    }

    to {
        transform: rotate(585deg)
    }
}

._pubAccentTheme_1abwf_1 {
    --color-bg-accent-primary: rgba(var(--color-bg-accent-themed-rgb), .15);
    --color-bg-accent-primary-hover: rgba(var(--color-bg-accent-themed-rgb), .3);
    --color-accent-primary: var(--color_theme_bg_pop, var(--color-accent-fg-orange));
    --color-accent-primary-inverse: var(--color_theme_print_on_pop, var(--color-bg-primary));
    --color-button-primary-fg: var(--color_theme_print_on_pop, var(--color-light-bg-primary));
    --color-button-primary-bg: var(--color_theme_bg_pop, var(--color-light-button-primary-bg));
    --color-button-primary-bg-hover: var(--color_theme_bg_pop_darken, var(--color-light-button-primary-bg-hover));
    --color-button-secondary-fg: var(--color-fg-primary, var(--color-light-fg-primary));
    --color-button-secondary-bg: var(--color-bg-secondary, var(--color-light-bg-secondary));
    --color-button-secondary-bg-hover: var(--color-bg-tertiary, var(--color-light-bg-tertiary));
    --color-button-tertiary-fg: var(--color-button-secondary-fg);
    --color-button-tertiary-bg: var(--color-button-bg-primary);
    --color-button-tertiary-bg-hover: var(--color-button-secondary-bg);
    --focus-ring: 0 0 0 2px var(--color-bg-primary), 0 0 0 3px var(--color-accent-primary), 0 0 0 5px var(--color-bg-accent-primary);
    --focus-input-ring: 0 0 0 2px var(--color-bg-accent-primary);
    --border-focus: 1px solid var(--color-accent-primary);
    --color-highlight-fg: var(--color-accent-primary);
    --color-highlight-bg: var(--color-bg-accent-primary);
    --color-highlight-self-fg: var(--color-accent-primary);
    --color-highlight-self-bg: var(--color-bg-accent-primary)
}

._container_jtp38_1 {
    flex-shrink: 0;
    transition: var(--animate-hover);
    background-color: var(--color-bg-primary)
}

._container_jtp38_1 input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    margin: 0
}

._container_jtp38_1 input:focus-visible {
    border: var(--border-focus);
    box-shadow: var(--shadow-xs), var(--focus-input-ring)
}

._container_jtp38_1._sm_jtp38_18,
._container_jtp38_1._sm_jtp38_18 input {
    width: var(--size-20);
    height: var(--size-20)
}

._container_jtp38_1._md_jtp38_28,
._container_jtp38_1._md_jtp38_28 input {
    width: var(--size-24);
    height: var(--size-24)
}

._container_jtp38_1:active {
    transform: var(--transform-pressed)
}

._enabled_jtp38_43._unchecked_jtp38_44:hover {
    border-color: var(--color-button-primary-bg)
}

._enabled_jtp38_43._unchecked_jtp38_44 svg {
    opacity: 0;
    transform: scale(0);
    transition: var(--animate-hover);
    color: var(--color-button-primary-fg)
}

._enabled_jtp38_43._checked_jtp38_56 {
    background-color: var(--color-button-primary-bg);
    border-color: var(--color-button-primary-bg)
}

._enabled_jtp38_43._checked_jtp38_56:hover {
    background-color: var(--color-button-primary-bg-hover);
    border-color: var(--color-button-primary-bg-hover)
}

._enabled_jtp38_43._checked_jtp38_56 svg {
    opacity: 1;
    transform: scale(1);
    color: var(--color-button-primary-fg)
}

._enabled_jtp38_43._error_jtp38_72._unchecked_jtp38_44,
._enabled_jtp38_43._error_jtp38_72._unchecked_jtp38_44:hover {
    border-color: var(--color-semantic-error-bg-primary)
}

._enabled_jtp38_43._error_jtp38_72._checked_jtp38_56 {
    background-color: var(--color-semantic-error-bg-primary);
    border-color: var(--color-semantic-error-bg-primary)
}

._enabled_jtp38_43._error_jtp38_72._checked_jtp38_56:hover {
    background-color: var(--color-semantic-error-bg-secondary);
    border-color: var(--color-semantic-error-bg-secondary)
}

._enabled_jtp38_43._error_jtp38_72._checked_jtp38_56 svg {
    color: var(--color-semantic-error-utility-contrast)
}

._disabled_jtp38_94 {
    background-color: var(--color-bg-secondary);
    box-shadow: none
}

._disabled_jtp38_94 input {
    cursor: default
}

._disabled_jtp38_94 svg {
    color: var(--color-fg-tertiary)
}

._datePicker_7lh5l_1 {
    font-family: var(--font-family-text);
    border-radius: var(--border-radius-sm);
    border: var(--border-default);
    padding: 7px;
    line-height: 20px
}

._container_11s2p_1 {
    background-color: var(--color-bg-primary);
    border: var(--border-default);
    transition: var(--animate-hover)
}

._container_11s2p_1._enabled_11s2p_6 {
    cursor: pointer
}

._container_11s2p_1._enabled_11s2p_6._checked_11s2p_10 {
    background-color: var(--color-button-primary-bg);
    border: none
}

@media (hover: hover) {
    ._container_11s2p_1._enabled_11s2p_6._checked_11s2p_10:hover {
        background-color: var(--color-button-primary-bg-hover)
    }
}

@media (hover: hover) {
    ._container_11s2p_1._enabled_11s2p_6._unchecked_11s2p_21:hover {
        background-color: var(--color-bg-secondary)
    }
}

._container_11s2p_1._disabled_11s2p_29 {
    background: var(--color-bg-secondary)
}

._container_11s2p_1:active {
    transform: var(--transform-pressed)
}

._nub_11s2p_38 {
    height: 10px;
    width: 10px;
    opacity: 0;
    transform: scale(.5);
    box-sizing: border-box;
    position: absolute;
    pointer-events: none;
    transition: var(--animate-hover);
    box-shadow: var(--shadow-sm)
}

._nub_11s2p_38._enabled_11s2p_6 {
    background: var(--color-utility-white)
}

._nub_11s2p_38._disabled_11s2p_29 {
    background: var(--color-fg-tertiary);
    box-shadow: none
}

._nub_11s2p_38._checked_11s2p_10 {
    opacity: 1;
    display: block;
    transform: scale(1)
}

._input_11s2p_65 {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    color: transparent !important;
    border-radius: var(--border-radius-full);
    pointer-events: none
}

._input_11s2p_65._enabled_11s2p_6:focus-visible {
    box-shadow: var(--focus-ring)
}

._blurBg_h38wj_1 {
    background-position: center;
    background-size: cover
}

._blurFg_h38wj_6 {
    background-color: #16171833;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px)
}

._activeLike_kq0mb_1 {
    stroke: var(--color-accent-fg-red) !important;
    fill: var(--color-accent-fg-red);
    transition: var(--animate-hover)
}

._activeSave_kq0mb_7 {
    stroke: var(--color-accent-fg-orange) !important;
    fill: var(--color-accent-fg-orange);
    transition: var(--animate-hover)
}

._actionMenu_kq0mb_13 {
    display: flex;
    position: absolute;
    right: 0;
    top: calc(var(--size-40) * -1);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    z-index: 2
}

._row_1362w_1:first-child {
    border-top: none
}

._image_1362w_5 {
    flex-shrink: 0
}

._queue_117mh_1 {
    --card-min-width: 190px;
    --card-gap: 8px;
    --card-aspect-ratio: 1.5;
    --card-footer-height: 50%;
    --card-overlap: var(--size-12);
    width: 100%;
    height: auto;
    cursor: grab
}

._queue_117mh_1:active {
    cursor: grabbing
}

._cardWrapper_117mh_16 {
    flex: 0 0 var(--card-width);
    width: var(--card-width);
    max-width: 100%;
    margin-right: var(--card-gap);
    opacity: 1;
    transition: opacity var(--animation-timing-fast) var(--animation-smoothing), margin-right var(--animation-timing-fast) var(--animation-smoothing), width var(--animation-timing-fast) var(--animation-smoothing), transform var(--animation-timing-fast) var(--animation-smoothing);
    will-change: opacity, margin-right, width, transform
}

@media (hover: hover) {
    ._cardWrapper_117mh_16:hover {
        opacity: .9
    }
}

._cardWrapper_117mh_16:active {
    transform: var(--transform-pressed)
}

._cardWrapper_117mh_16:last-of-type {
    margin-right: 0
}

._cardWrapper_117mh_16._archived_117mh_44 {
    opacity: 0;
    width: 0;
    margin-right: 0;
    z-index: -1;
    flex: 0 0 0
}

@starting-style {
    ._cardWrapper_117mh_16 {
        opacity: 0
    }
}

._arrow_117mh_59 {
    opacity: 1
}

._arrow_117mh_59._disabled_117mh_61 {
    opacity: 0
}

._link_117mh_66 {
    cursor: grab;
    display: contents
}

._highlight_117mh_71 {
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(121, 121, 121, .1) 100%);
    mix-blend-mode: hard-light
}

._border_117mh_81 {
    inset: 0;
    box-shadow: #ffffff0d 0 0 0 1px inset, #ffffff0d 0 1px inset
}

._playButtonContainer_117mh_88 {
    inset: 0
}

._playButton_117mh_88 {
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._playButton_117mh_88:hover {
        transform: scale(1.05)
    }
}

._logo_117mh_101 {
    width: var(--size-20);
    height: var(--size-20)
}

._logoContainer_117mh_106 {
    box-shadow: 0 0 0 1px #0000000d, var(--shadow-md), 0 0 64px 0 var(--glow-color)
}

._cornerLogo_117mh_113 {
    top: var(--size-12);
    left: var(--size-12)
}

._vibranceTertiaryIcon_117mh_118 {
    stroke: #c8c8c8 !important;
    mix-blend-mode: luminosity;
    transition: stroke var(--animation-timing-fast) var(--animation-smoothing)
}

._vibranceSecondaryText_117mh_124 {
    background: rgb(200, 200, 200);
    mix-blend-mode: luminosity;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

._vibranceTertiaryBg_117mh_131 {
    background: rgb(120, 120, 120);
    mix-blend-mode: luminosity;
    color: transparent
}

._closeButton_117mh_137 {
    top: var(--size-8);
    right: var(--size-8)
}

._closeIcon_117mh_142 {
    stroke: none !important;
    fill: var(--vibrance-dark-secondary);
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .5));
    transition: fill var(--animation-timing-fast) var(--animation-smoothing)
}

._closeIcon_117mh_142:hover {
    fill: var(--color-utility-white)
}

._card_117mh_16 {
    background: var(--color-utility-black);
    background-position: center;
    background-size: cover;
    isolation: isolate;
    transition: transform var(--animation-timing-slow) var(--animation-smoothing);
    will-change: transform
}

._card_117mh_16:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: var(--inner-border-default);
    z-index: 1
}

._cardBg_117mh_173 {
    -webkit-backdrop-filter: blur(40px) brightness(.85);
    backdrop-filter: blur(40px) brightness(.85);
    --color-fg-primary: white;
    --color-fg-secondary: rgba(255, 255, 255, 1)
}

._cardTop_117mh_179 {
    width: 100%;
    height: var(--image-height);
    position: relative
}

._cardTop_117mh_179>picture,
._cardTop_117mh_179>._gifPreview_117mh_186 {
    position: absolute;
    inset: 0;
    opacity: .9;
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%)
}

._cardTop_117mh_179>*>* {
    -webkit-user-drag: none
}

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

._cardBottom_117mh_204 {
    height: calc(var(--card-footer-height) + var(--card-overlap));
    margin-top: calc(-1 * var(--card-overlap))
}

._titleContainer_117mh_209 {
    min-height: 3em
}

._title_117mh_209 {
    line-height: 1.5em !important
}

._iconButton_117mh_217 {
    background-color: #fff3 !important;
    border-color: transparent !important;
    width: 24px;
    height: 24px
}

@media (hover: hover) {
    ._iconButton_117mh_217:hover {
        background-color: #fff6 !important
    }
}

._iconButton_117mh_217:active {
    transform: var(--transform-pressed)
}

._iconButton_117mh_217 svg {
    stroke: #fff
}

._iconButton_117mh_217._isSaved_117mh_236 svg {
    fill: #fff
}

._newIconButton_117mh_243 {
    width: var(--size-24);
    height: var(--size-24);
    background: transparent
}

@media (hover: hover) {
    ._newIconButton_117mh_243:hover {
        background: transparent
    }

    ._newIconButton_117mh_243:hover ._vibranceTertiaryIcon_117mh_118 {
        stroke: #fff !important
    }
}

._progressBar_117mh_258 {
    height: var(--size-6)
}

._recommendation_117mh_262 {
    top: 8px;
    left: 8px;
    background: #252525e5;
    border-radius: var(--border-radius-full);
    color: #fff;
    max-width: 192px;
    box-sizing: border-box
}

._visitedSurfacesIFrame_r93c1_1 {
    display: block;
    border: none
}

._recipe_r061j_1 {
    max-width: 700px;
    align-self: center;
    border: 1px var(--color-utility-detail) solid;
    padding: 32px;
    border-radius: 8px
}

._recipeInfo_r061j_8 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

._metaTop_r061j_15 {
    color: var(--print_secondary_on_web_bg_color, #757575);
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .2px;
    text-transform: uppercase
}

._time_r061j_25 {
    height: 40px
}

._metaBottom_r061j_28 {
    font-size: 15px;
    font-style: normal;
    font-weight: 590;
    line-height: 20px;
    display: flex;
    flex-wrap: column
}

._metaBottom_r061j_28>input {
    margin: 0;
    padding: 0;
    border: 1px solid var(--color-border)
}

._sectionHead_r061j_42 {
    color: var(--print_primary_on_web_bg_color, #757575);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    width: 300px
}

._recipeTitle_r061j_51 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    width: 100%;
    margin: 16px 0 0;
    padding: 0;
    border: none;
    height: 32px !important;
    background-color: unset
}

._textInput_r061j_65 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border: none;
    border-radius: var(--border-radius-md);
    background-color: unset !important;
    width: 100%;
    box-sizing: border-box;
    line-height: 24px;
    height: 24px !important
}

._editableItem_r061j_80>input {
    border: none
}

._tools_r061j_83 {
    font-weight: 700;
    margin-bottom: 0;
    align-self: center;
    word-break: auto-phrase
}

._skinny_r061j_90 {
    width: 50px
}

._dash_r061j_93 {
    margin: 0;
    line-height: 40px;
    text-align: center
}

._recipe_r061j_1 input {
    margin: 0;
    padding: 0
}

._collapsed_r061j_104 {
    max-height: 400px;
    position: relative;
    overflow-y: hidden
}

._collapsed_r061j_104:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%)
}

._expandButton_r061j_120 {
    margin: 0 auto
}

._settingsModal_r061j_124 {
    padding: 32px
}

._recipe_r061j_1 textarea {
    max-height: 1000px;
    overflow-y: hidden;
    resize: none;
    box-sizing: border-box;
    line-height: 22px;
    font-family: var(--font_family_body, var(--font_family_body_preset, "Spectral", serif, var(--font-family-text)))
}

._recipe_r061j_1 textarea._disabled_r061j_137 {
    background-color: unset !important;
    border: none;
    width: 100%
}

._divider_r061j_143 {
    width: 80%;
    margin: 0 auto !important
}

._leftHr_r061j_147 {
    width: 20%;
    margin: 4px 0 16px !important;
    margin-bottom: 10px
}

._rightAlign_r061j_153 {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

._imageDropZone_r061j_159 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    border: 2px dashed var(--color-border);
    border-radius: var(--border-radius-md);
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #757575
}

._recipeImage_r061j_173 {
    width: auto;
    height: 525px
}

._rewardBox_3zpeh_1{min-height:160px}

._logo_1b2bs_1 {
    display: block;
    border-radius: var(--border-radius-xs);
    flex-shrink: 0
}

._logo-64_1b2bs_7 {
    width: var(--size-64);
    height: var(--size-64)
}

._logo-72_1b2bs_12 {
    width: var(--size-72);
    height: var(--size-72)
}

._logo-auto_1b2bs_17 {
    width: 100%
}

._logoPlaceholder_1b2bs_21 {
    background-color: var(--color-bg-secondary)
}

._container_d6w5c_1 {
    background-color: #d1ecfe;
    border-left: 8px solid #89cef9;
    padding: var(--size-16);
    color: #2f5f7c;
    border-radius: var(--border-radius-xs)
}

._container_d6w5c_1 ul,
._container_d6w5c_1 li {
    padding: 0;
    margin: 0
}

._container_d6w5c_1._container_d6w5c_1 ul {
    padding-left: var(--size-16)
}

._container_d6w5c_1._container_d6w5c_1 li {
    list-style-type: disc !important;
    list-style-position: outside !important
}

._container_d6w5c_1._container_d6w5c_1 a {
    color: var(--color-accent-themed)
}

._container_10rc6_1._container_10rc6_1 {
    max-width: 616px;
    margin: 0 auto;
    box-sizing: content-box
}

._container_10rc6_1 .container {
    width: auto;
    margin: 0
}

._containerThreeColumn_10rc6_13._containerThreeColumn_10rc6_13 {
    max-width: 932px
}

._containerFourColumn_10rc6_18._containerFourColumn_10rc6_18 {
    max-width: min(100%, var(--container-max-width, 1248px))
}

._root_41ijk_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    scroll-snap-align: start
}

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

._tableRoot_41ijk_15 {
    align-items: center;
    justify-content: center;
    text-align: center
}

._link_41ijk_21 {
    cursor: default;
    text-decoration: unset
}

._linkHovered_41ijk_26 ._image_41ijk_26 {
    opacity: .9
}

._image_41ijk_26 {
    cursor: pointer
}

._linkHovered_41ijk_26 ._download_41ijk_34 {
    opacity: .8;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, .3))
}

._download_41ijk_34 {
    opacity: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    margin: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-full);
    background-color: #fff;
    z-index: 10
}

._image_41ijk_26 {
    flex: 1;
    object-fit: contain;
    border: 1px solid var(--color-detail-themed);
    border-radius: var(--border-radius-sm);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

._imageLoading_41ijk_72 {
    width: 298px;
    background-color: #f5f5f5
}

._tableRoot_s1mrd_1 {
    align-items: center;
    justify-content: center;
    text-align: center
}

._link_s1mrd_7 {
    cursor: pointer;
    text-decoration: unset
}

._imageEmail_s1mrd_12 {
    width: 502px;
    border: 1px solid var(--color-detail-themed);
    border-radius: var(--border-radius-sm)
}

._mobileContainer_2nov1_1 {
    height: 100%;
    min-height: 0
}

._imageContainer_2nov1_6 {
    height: 531px;
    max-height: 60vh
}

._hRule_2nov1_11 {
    width: 100%;
    margin: 0;
    border: none;
    border-top: var(--border-default)
}

._assetButtons_2nov1_18 {
    overflow-x: auto;
    flex-shrink: 0;
    margin-right: -16px
}

._aspectRatioButton_2nov1_24 {
    padding: 0 16px;
    height: 36px
}

._aspectRatioSelected_2nov1_29 {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff
}

._aspectRatioSelectedIcon_2nov1_35 {
    stroke: #fff !important
}

._group_1660x_1 {
    gap: var(--size-2);
    overflow: hidden;
    width: -webkit-fit-content;
    width: fit-content
}

._group_1660x_1>._segment_1660x_6 {
    border-radius: 0
}

._group_1660x_1._outlined_1660x_11 {
    gap: 0;
    border: var(--border-default)
}

._group_1660x_1._outlined_1660x_11>._segment_1660x_6:not(:last-of-type) {
    border-right: var(--border-default);
    border-top: none;
    border-bottom: none
}

._select_j8f9f_1 {
    position: relative;
    border-radius: var(--border-radius-sm);
    border: solid 1px var(--color-utility-detail);
    box-sizing: border-box;
    height: var(--size-44);
    background-color: var(--color-bg-primary);
    transition: border-color var(--animation-timing-fast) var(--animation-smoothing)
}

._select_j8f9f_1:focus-within {
    border-color: var(--color-fg-secondary)
}

._select_j8f9f_1 select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-appearance: none;
    cursor: pointer
}

._select_j8f9f_1 select:disabled {
    cursor: not-allowed
}

._select_j8f9f_1 svg {
    fill: var(--color-fg-secondary);
    stroke: none;
    width: 8px
}

._selectedOption_j8f9f_31 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

._error_j8f9f_36 {
    border-color: var(--color-semantic-error-bg-primary);
    color: var(--color-semantic-error-bg-primary)
}

._logo_1qpye_1 {
    width: 164px
}

._containerVertical_1qpye_5 {
    box-sizing: content-box;
    width: 220px
}

._logoVertical_1qpye_10 {
    width: 220px
}

._listenLink_1qpye_14 {
    cursor: pointer;
    text-decoration: underline !important
}

._twoColumnGrid_drsxa_1 {
    ._mainColumn_drsxa_2 {
        order: 1;
        flex-basis: 67%
    }

    ._sideColumn_drsxa_6 {
        order: 2;
        flex-basis: 33%
    }
}

._childPublication_10b7p_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 0;
    border-radius: var(--border-radius-sm);
    text-decoration: none
}

._details_10b7p_10 {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    padding-right: 20px;
    gap: 10px
}

@media (max-width: 650px) {
    ._details_10b7p_10 {
        flex-direction: column;
        align-items: flex-start
    }

    ._subscribe_10b7p_25 {
        min-width: 165px
    }

    ._logo_10b7p_29 {
        align-self: flex-start;
        margin-top: 7px
    }
}

._logo_10b7p_29 {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: var(--border-radius-sm);
    margin-right: 20px
}

._info_10b7p_43 {
    min-height: 72px;
    flex-grow: 1;
    align-self: stretch
}

._title_10b7p_49 {
    padding: 4px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57 {
    text-decoration: none
}

._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57._link_10b7p_57:hover {
    text-decoration: underline
}

._description_10b7p_65 {
    color: var(--color-fg-secondary);
    font-size: 14px;
    line-height: 17px
}

._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25._subscribe_10b7p_25 {
    flex-shrink: 0;
    padding: 10px 16px;
    font-size: 14px;
    background-color: var(--color-accent-themed)
}

@media (max-width: 650px) {
    ._logo_10b7p_29 {
        width: 48px;
        height: 48px
    }

    ._info_10b7p_43 {
        min-height: 48px
    }

    ._title_10b7p_49 {
        padding: 0 0 2px;
        font-size: var(--font-size-16);
        line-height: 17px
    }

    ._description_10b7p_65 {
        font-size: 13px;
        line-height: 15px
    }
}

._container_1kkkn_1._container_1kkkn_1 {
    padding-top: var(--size-16);
    font-family: var(--font-family-text)
}

._noPodcasts_1kkkn_6 {
    margin-top: var(--size-16)
}

._darkenBottom_1ydyw_1 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%)
}

._unselectedButton_1v8j0_1 {
    background-color: transparent;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important
}

._unselectedButton_1v8j0_1>svg {
    opacity: .6
}

._textContainerFadedShows_7jmrn_1 {
    color: #fff9
}

._hideSelectionBackground_7jmrn_5::selection {
    background-color: #0000
}

._word_7jmrn_9 {
    cursor: text;
    display: inline-block;
    position: relative;
    margin: 0 -2px;
    padding: 0 2px
}

._word_7jmrn_9:after {
    content: "";
    position: absolute;
    inset: -1px;
    background-color: transparent;
    z-index: -1;
    border-radius: 2px
}

._word_7jmrn_9::selection {
    background-color: #0000
}

._wordSelectedShows_7jmrn_35:after {
    background-color: #6a5521
}

._textHidden_7jmrn_39 {
    color: #0000;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

._searchResult_7jmrn_45 {
    background-color: rgba(var(--color-light-accent-yellow-rgb), .3)
}

._searchResult_7jmrn_45._isFocused_7jmrn_49 {
    border-radius: var(--border-radius-xs);
    box-shadow: 0 0 0 1px var(--color-accent-fg-yellow)
}

._container_oy04k_1 {
    display: flex;
    justify-content: center;
    background-color: #000;
    position: relative
}

._video-wrapper_oy04k_8 {
    max-width: 1100px;
    width: 100vw;
    position: relative
}

._video-wrapper_oy04k_8 .video-player-wrapper {
    max-width: 1100px;
    width: 100vw !important;
    margin: 0 !important
}

._video-full-screen_oy04k_21 .video-player-wrapper {
    max-width: none !important;
    width: auto !important;
    margin: auto !important
}

._preview-label-container_oy04k_27 {
    position: absolute;
    top: var(--size-12);
    left: var(--size-12)
}

._sidebar_oy04k_33 {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 var(--size-16);
    opacity: 1;
    transition: opacity var(--animation-timing-slow) var(--animation-smoothing);
    pointer-events: none
}

._sidebar-right_oy04k_45 {
    left: 100%
}

._sidebar-left_oy04k_48 {
    right: 100%
}

@media screen and (max-width: 1240px) {
    ._video-wrapper_oy04k_8 {
        position: static
    }

    ._sidebar-right_oy04k_45 {
        left: auto;
        right: 0
    }

    ._sidebar-left_oy04k_48 {
        left: 0;
        right: auto
    }
}

._sidebar--hidden_oy04k_66 {
    opacity: 0
}

._sidebar-icons_oy04k_70 {
    border-radius: var(--border-radius-full);
    pointer-events: all
}

@media screen and (min-width: 1241px) {
    ._sidebar-icons_oy04k_70 {
        background-color: transparent !important
    }
}

._postPreview_oy04k_81 {
    pointer-events: all
}

._tag_1g4pm_1 {
    border: 1px solid
}

._theme_default_1g4pm_5 {
    color: var(--color-button-secondary-fg);
    background-color: var(--color-button-secondary-bg);
    border-color: var(--color-utility-detail)
}

._theme_paid_1g4pm_11 {
    color: var(--color-semantic-paid-fg-primary);
    background-color: var(--color-semantic-paid-utility-detail);
    border-color: var(--color-semantic-paid-utility-detail)
}

._priority_primary_1g4pm_17 {
    color: var(--color-button-primary-fg);
    background-color: var(--color-button-primary-bg);
    border: none
}

._priority_success_1g4pm_23 {
    stroke: var(--color-semantic-success-utility-contrast);
    color: var(--color-semantic-success-utility-contrast);
    background-color: var(--color-semantic-success-bg-primary);
    border: none
}

._priority_error_1g4pm_30 {
    stroke: var(--color-semantic-error-utility-contrast);
    color: var(--color-semantic-error-utility-contrast);
    background-color: var(--color-semantic-error-bg-primary);
    border: none
}

._priority_warn_1g4pm_37 {
    stroke: var(--color-semantic-warn-utility-contrast);
    color: var(--color-semantic-warn-utility-contrast);
    background-color: var(--color-semantic-warn-bg-primary);
    border: none
}

._root_1tg9w_1 {
    overflow: hidden;
    position: relative;
    display: grid;
    grid-template-columns: 400px minmax(375px, 1fr);
    grid-auto-rows: 1fr
}

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

    ._root_1tg9w_1._isOnInbox_1tg9w_11 {
        grid-template-columns: 1fr 0
    }
}

._paywallStack_1tg9w_17 {
    overflow: hidden !important
}

._pubChatColumn_1tg9w_21 {
    box-sizing: border-box
}

._pubChatFull_1tg9w_25 {
    flex: 1 1 auto
}

._submit_1tg9w_29 {
    position: absolute;
    right: var(--size-6);
    width: 26px;
    height: 26px;
    bottom: var(--size-6);
    transition: var(--animate-hover)
}

._submit_1tg9w_29._inactive_1tg9w_37 {
    scale: .75;
    opacity: 0;
    pointer-events: none
}

._chatPublicationContainer_1tg9w_44 {
    content-visibility: auto;
    contain-intrinsic-height: auto 72px;
    contain-intrinsic-width: auto 375px
}

._invitesRow_1tg9w_50 {
    box-sizing: border-box;
    overflow: hidden
}

._invitesRow_1tg9w_50._show_1tg9w_54 {
    animation: var(--animation-timing-fast) _unfurl_1tg9w_1
}

@keyframes _unfurl_1tg9w_1 {
    0% {
        height: 0
    }

    to {
        height: var(--height)
    }
}

._sticky_1tg9w_68 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

._unreadDot_1tg9w_74 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--size-4);
    margin: auto 0;
    background-color: var(--color-accent-fg-orange)
}

._unreadTabDot_1tg9w_83 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
    background-color: var(--color-accent-fg-orange)
}

._selected_1tg9w_92 {
    background-color: var(--color-bg-secondary)
}

._currentVisibilityBox_1tg9w_96 {
    cursor: pointer
}

._currentVisibilityBox_1tg9w_96:hover {
    opacity: .7
}

._headerPubLink_1tg9w_103 {
    cursor: pointer;
    text-decoration: none
}

._headerPubLink_1tg9w_103:hover {
    opacity: .7
}

._sidebarRowTitle_1tg9w_111 {
    width: 0;
    flex: 1 1 1px
}

._headerPubIcon_1tg9w_116 {
    border-radius: var(--border-radius-sm)
}

._inputBox_1tg9w_120 {
    box-sizing: border-box;
    flex: 1 1 1px;
    min-height: var(--size-40);
    line-height: 24px;
    color: var(--color-fg-primary);
    font-family: var(--font-family-text);
    font-size: var(--font-size-16);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: normal;
    transition: border-color .2s
}

._inputBox_1tg9w_120._modalContext_1tg9w_133 {
    min-height: 200px
}

._textInputInset_1tg9w_138 {
    min-width: 0
}

._invisible_1tg9w_142 {
    color: transparent;
    white-space: pre-wrap;
    min-height: 24px;
    min-width: 0;
    width: 0;
    flex: 1 1 1px
}

._textInput_1tg9w_138 {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    background-color: transparent;
    flex: 1 1 1px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit;
    resize: none
}

._dropzone_1tg9w_167 {
    z-index: 2
}

._submitButton_1tg9w_171 {
    height: var(--size-44)
}

._newThreadButton_1tg9w_175 {
    border: var(--border-default);
    box-shadow: var(--shadow-lg);
    width: 360px !important;
    height: 48px !important
}

._roundedFooterPlaceholder_1tg9w_182 {
    border-radius: var(--border-radius-full)
}

._chatContainer_1tg9w_186 {
    margin-bottom: var(--size-20)
}

._fade_1tg9w_190 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, transparent, var(--color-bg-primary))
}

._composerLinkPreview_1tg9w_199 {
    position: relative
}

._composer_1tg9w_199 {
    z-index: 1
}

._imageBox_1tg9w_207 {
    position: relative;
    flex: 0 0 auto;
    min-width: var(--size-40);
    max-width: 270px;
    height: var(--size-96);
    cursor: pointer;
    box-sizing: border-box
}

._image_1tg9w_207 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-md);
    border: var(--border-default)
}

._deleteFile_1tg9w_225 {
    position: absolute;
    top: var(--size-8);
    right: var(--size-8)
}

._modalColumn_1tg9w_231 {
    min-height: 450px
}

._switch_1tg9w_235 {
    pointer-events: none
}

._visibilityDropdown_1tg9w_239 {
    min-width: 280px;
    min-height: var(--size-48) !important;
    padding: 0 var(--size-8);
    gap: var(--size-12)
}

._visibilityDropdownText_1tg9w_246 {
    font-size: var(--font-size-14);
    color: var(--color-light-secondary) !important
}

._messageSquareIcon_1tg9w_251 {
    color: var(--color-fg-secondary)
}

._paywall_1tg9w_17 {
    flex: 0 1 400px
}

._modalChatEditor_1tg9w_259 {
    padding-top: 12px !important
}

._newText_1tg9w_264 {
    color: var(--color-semantic-select-fg-primary)
}

._newBorder_1tg9w_268 {
    height: 1px;
    background: var(--color-semantic-select-fg-primary);
    opacity: .2;
    align-self: center
}

._jumpButton_1tg9w_275 {
    position: absolute;
    right: var(--size-16);
    bottom: var(--size-16);
    opacity: 0;
    box-shadow: var(--shadow-md);
    transition: var(--animate-hover)
}

._jumpButton_1tg9w_275._show_1tg9w_54 {
    opacity: 1
}

._jumpBadge_1tg9w_288 {
    top: var(--size-2);
    left: var(--size-2);
    height: var(--size-8);
    width: var(--size-8);
    box-shadow: var(--shadow-xs);
    border-radius: var(--border-radius-full);
    position: absolute;
    background-color: var(--color-accent-fg-orange);
    z-index: 1
}

._switch_1ypky_1 {
    position: relative;
    display: flex;
    box-sizing: content-box;
    flex: 0 0 auto;
    cursor: pointer;
    border-radius: var(--border-radius-full);
    border: none;
    transition: var(--animate-hover);
    align-items: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: var(--switch-width);
    height: var(--switch-height);
    background-color: var(--color-bg-secondary);
    border: var(--border-default)
}

._switch_1ypky_1:focus-visible {
    box-shadow: var(--focus-ring)
}

._switch_1ypky_1._enabled_1ypky_23._checked_1ypky_23 {
    background-color: var(--color-button-primary-bg)
}

@media (hover: hover) {
    ._switch_1ypky_1._enabled_1ypky_23._checked_1ypky_23:hover {
        background-color: var(--color-button-primary-bg-hover)
    }
}

@media (hover: hover) {
    ._switch_1ypky_1._enabled_1ypky_23._unchecked_1ypky_33:hover {
        background-color: var(--color-bg-tertiary)
    }
}

._switch_1ypky_1._disabled_1ypky_41 {
    background-color: var(--color-bg-secondary);
    border: 1px solid var(--color-utility-transparent);
    cursor: not-allowed
}

._switch_1ypky_1._sm_1ypky_47 {
    --switch-width: var(--size-32);
    --switch-height: var(--size-16)
}

._switch_1ypky_1._md_1ypky_52 {
    --switch-width: var(--size-40);
    --switch-height: var(--size-20)
}

._switch_1ypky_1:active {
    transform: var(--transform-pressed)
}

._nub_1ypky_62 {
    pointer-events: none;
    display: inline-block;
    border-radius: var(--border-radius-full);
    background-color: var(--color-utility-white);
    transition: var(--animate-hover);
    width: var(--nub-width);
    height: var(--nub-height);
    --nub-gap: calc((var(--switch-height) - var(--nub-height)) / 2);
    --nub-offset-checked: calc(var(--switch-width) - var(--nub-width) - var(--nub-gap))
}

._nub_1ypky_62:focus-visible {
    box-shadow: var(--focus-ring)
}

._nub_1ypky_62._enabled_1ypky_23 {
    box-shadow: var(--shadow-sm)
}

._nub_1ypky_62._checked_1ypky_23 {
    transform: translate(var(--nub-offset-checked))
}

._nub_1ypky_62._unchecked_1ypky_33 {
    transform: translate(var(--nub-gap))
}

._nub_1ypky_62._sm_1ypky_47 {
    --nub-width: var(--size-12);
    --nub-height: var(--size-12)
}

._nub_1ypky_62._md_1ypky_52 {
    --nub-width: var(--size-16);
    --nub-height: var(--size-16)
}

._tabs_18trq_1 {
    position: relative
}

._tabs_18trq_1:after {
    content: "";
    position: absolute;
    background-color: var(--color-utility-detail);
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

._tab_18trq_1 {
    flex: 1 1 1px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--size-2);
    transition: var(--animate-hover);
    min-height: var(--size-40)
}

._tab_18trq_1._active_18trq_26 {
    border-color: var(--color-fg-primary)
}

@media (hover: hover) {
    ._tab_18trq_1:hover ._tabText_18trq_32 {
        color: var(--color-fg-primary)
    }
}

._tabText_18trq_32 {
    color: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._tabText_18trq_32._isActive_18trq_43 {
    color: var(--color-fg-primary)
}

._nub_18trq_48 {
    bottom: 0;
    height: var(--size-2);
    transition: transform var(--animation-timing-fast) var(--animation-smoothing);
    background-color: var(--color-fg-primary)
}

._segments_18trq_55 {
    position: relative;
    z-index: 0
}

._segment_18trq_55 {
    transition: var(--animate-hover);
    z-index: 1
}

._segmentText_18trq_65 {
    color: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._segmentText_18trq_65._active_18trq_26 {
    color: var(--color-fg-primary)
}

@media (hover: hover) {
    ._segmentText_18trq_65:hover {
        color: var(--color-fg-primary)
    }
}

._segmentPill_18trq_80 {
    transition: transform var(--animation-timing-fast) var(--animation-smoothing);
    box-sizing: border-box
}

._webContainer_13la3_1 * {
    margin: 0 !important
}

._webContainer_13la3_1 {
    max-width: 480px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    transition: var(--animate-hover)
}

._webContainer_13la3_1:hover {
    box-shadow: var(--shadow-md)
}

._container_13la3_16 {
    max-width: 480px;
    margin: 0 auto;
    padding: var(--size-20);
    border: 1px solid var(--color-detail-themed);
    border-radius: var(--border-radius-lg);
    text-align: center
}

._container_13la3_16 table {
    margin: 0 !important
}

._emailWrapper_13la3_29 {
    display: block;
    text-decoration: none
}

._text_13la3_34 {
    margin: var(--size-16) 0
}

._text_13la3_34 ._title_13la3_37 {
    margin-bottom: var(--size-4)
}

._button_13la3_42 {
    width: 100%
}

._button_13la3_42 a {
    text-decoration: none
}

._bubble_1rok9_1 {
    font-family: var(--font-family-text);
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
    color: var(--color-fg-primary);
    background-color: var(--color-bg-secondary);
    padding: var(--size-12);
    border-radius: var(--border-radius-md) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-md)
}

._img_1rok9_14 {
    width: 400px;
    max-height: 400px;
    object-fit: cover;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-md) var(--border-radius-md)
}

._linkImg_1rok9_21 {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: var(--border-radius-md)
}

._paywallBubble_1rok9_28 {
    width: 376px;
    height: 160px;
    text-align: center;
    line-height: 160px;
    background-repeat: repeat;
    background-size: 512px 512px
}

._paywallBubble_1rok9_28._paywallBubble_1rok9_28 div {
    line-height: 160px
}

._container_1mvat_1._container_1mvat_1._container_1mvat_1 {
    max-width: 480px;
    margin: var(--size-32) auto;
    text-decoration: none
}

._container_1mvat_1._container_1mvat_1._container_1mvat_1 img {
    display: unset;
    max-width: unset;
    margin: 0
}

._emailWrapper_1mvat_13 {
    text-decoration: none
}

._themedSelectOption_1u5cu_1 {
    box-sizing: border-box;
    display: block;
    padding: 12px 24px;
    color: var(--print_secondary_on_web_bg_color, #757575);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    letter-spacing: -.15px;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 5px
}

._themedSelectOption_1u5cu_1:hover {
    background: var(--background_contrast_1)
}

._noUnderline_1u5cu_23 {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

._podcastPaywallMenuButton_1u5cu_27 {
    position: absolute;
    top: -15px;
    right: -15px
}

._paywallMenuDropdown_1u5cu_33 {
    text-align: left
}

._paywallMenuDropdownItem_1u5cu_37 {
    display: flex !important;
    align-items: center;
    justify-content: flex-start
}

._paywallMenuDropdownIcon_1u5cu_43 {
    margin-right: 2px;
    min-width: 24px
}

._paywallMenuDropdownItemTop_1u5cu_48 {
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

._paywallMenuDropdownDeleteItem_1u5cu_54 {
    stroke: var(--color-semantic-error-bg-primary) !important;
    color: var(--color-semantic-error-bg-primary) !important
}

._mediaNodeView_12pqc_1 {
    display: flex;
    position: relative;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

._mediaNodeView_12pqc_1._align-left_12pqc_7 {
    justify-content: flex-start
}

._mediaNodeView_12pqc_1._align-center_12pqc_11 {
    justify-content: center
}

._mediaNodeView_12pqc_1._align-right_12pqc_15 {
    justify-content: flex-end
}

._staticView_12pqc_20 {
    width: 100%;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin: var(--size-32) 0;
    position: relative
}

._staticImageWrap_12pqc_28._left_12pqc_29,
._staticImageWrap_12pqc_28._right_12pqc_33 {
    float: left
}

._imageContainer_12pqc_38 {
    position: relative
}

._imageContainer_12pqc_38 img._large_12pqc_42 {
    max-width: calc(100vw - 30px) !important
}

._imageContainer_12pqc_38 img._full_12pqc_46 {
    max-width: 100vw !important
}

._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50 {
    color: var(--color-secondary-themed);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-14);
    text-align: center;
    min-width: 40px
}

._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50._placeholder_12pqc_58 {
    position: absolute;
    opacity: .3
}

._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50._caption_12pqc_50._static_12pqc_20 {
    margin-top: var(--size-12);
    margin-left: 15%;
    margin-right: 15%
}

._inlineCaptionEditor_12pqc_69 {
    padding: 0 15%
}

._horizontalResizeHandle_12pqc_73,
._mediaControlButtons_12pqc_74 {
    opacity: 1;
    transition: opacity .2s
}

._horizontalResizeHandle_12pqc_73 {
    touch-action: none
}

._mediaNodeView_12pqc_1:hover ._horizontalResizeHandle_12pqc_73,
._mediaNodeView_12pqc_1:hover ._mediaControlButtons_12pqc_74 {
    opacity: 1
}

._horizontalResizeHandle_12pqc_73 {
    position: absolute;
    bottom: var(--size-8);
    right: var(--size-8);
    z-index: 2
}

._horizontalResizeHandle_12pqc_73 button {
    cursor: nwse-resize;
    opacity: .6;
    background: var(--color-light-bg-primary) !important
}

._horizontalResizeHandle_12pqc_73 button:hover {
    opacity: .8;
    background: var(--color-light-bg-primary) !important
}

._mediaControlButtons_12pqc_74 {
    position: absolute;
    display: flex;
    top: 5px;
    left: calc(50% - 131px);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-light-secondary);
    background: var(--color-light-bg-primary)
}

._mediaControlButtons_12pqc_74 button {
    opacity: .6;
    border-radius: var(--border-radius-sm) !important;
    background-color: #ffffff80
}

._mediaControlButtons_12pqc_74 button._active_12pqc_120 {
    background-color: #ffffffe6
}

._mediaControlButtons_12pqc_74 button:hover {
    opacity: .8
}

._mediaControlTextEditor_12pqc_130 {
    min-width: 320px;
    padding: var(--size-16)
}

._inlineCaptionEditor_12pqc_69 {
    overflow: hidden;
    display: none
}

._inlineCaptionEditor_12pqc_69._hasCaption_12pqc_139,
.focus ._inlineCaptionEditor_12pqc_69 {
    display: flex
}

.focus ._inlineCaptionEditor_12pqc_69>._caption_12pqc_50 {
    min-height: 24px
}

._zoom_12pqc_152 {
    cursor: zoom-in
}

._pointer_12pqc_156 {
    cursor: pointer
}

._imageGallery_4il70_1 {
    width: 100%;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

._imageGallery_4il70_1._static_4il70_5 {
    margin: var(--size-32) 0
}

._imageGallery_4il70_1._canEdit_4il70_8 {
    position: relative
}

._imageGallery_4il70_1 ._editGalleryWrap_4il70_16 {
    position: absolute;
    top: 2px;
    right: -60px;
    width: 72px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center
}

._imageGallery_4il70_1 ._editGalleryWrap_4il70_16 .dropdown-menu {
    height: 36px;
    width: 36px;
    padding: 0 !important;
    top: -10px;
    right: 0;
    background-color: transparent;
    transition: opacity .5s;
    cursor: pointer;
    border: none
}

._imageGallery_4il70_1 ._editGalleryWrap_4il70_16 ._editGallery_4il70_16 {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: var(--background_contrast_1);
    border: 1px solid var(--background_contrast_2);
    border-radius: var(--border-radius-sm)
}

._imageGallery_4il70_1:hover ._editGalleryWrap_4il70_16 ._editGallery_4il70_16,
._imageGallery_4il70_1:hover ._editGalleryWrap_4il70_16 ._editGallery_4il70_16:hover {
    cursor: pointer
}

:is(._imageGallery_4il70_1:hover ._editGalleryWrap_4il70_16 ._editGallery_4il70_16, ._imageGallery_4il70_1:hover ._editGalleryWrap_4il70_16 ._editGallery_4il70_16:hover):hover {
    background-color: var(--background_contrast_2)
}

._imageGallery_4il70_1 ._imageCaption_4il70_58 {
    color: var(--color-secondary-themed);
    font-size: calc(var(--font-size-14) + var(--font_size_body_offset, 0px));
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-14);
    text-align: center
}

._imageGallery_4il70_1 ._imageCaption_4il70_58._static_4il70_5 {
    margin-top: var(--size-12);
    margin-left: 15%;
    margin-right: 15%
}

._imageGallery_4il70_1 ._image_4il70_1._zoom_4il70_72 {
    cursor: zoom-in
}

._imageGallery_4il70_1 ._image_4il70_1._zoom_4il70_72:hover {
    opacity: .85
}

._imageRow_4il70_79 {
    height: 230px
}

._imageRow_4il70_79._length-2_4il70_82 {
    height: 350px
}

._imageRow_4il70_79 picture {
    display: flex;
    flex: 1 1 1px
}

._imageRow_4il70_79 ._image_4il70_1._image_4il70_1._image_4il70_1 {
    object-fit: cover;
    margin: 0;
    height: 100%;
    width: 100%
}

@media (max-width: 700px) {
    ._imageRow_4il70_79 {
        height: 30vw
    }

    ._imageRow_4il70_79._length-2_4il70_82 {
        height: 40vw
    }
}

._imageGallery_4il70_1._inbox_4il70_111 ._imageGalleryWrap_4il70_111 ._imageWrap_4il70_111 ._image_4il70_1._small_4il70_111 {
    height: 146px;
    width: calc((600px - 16px) / 3)
}

._imageGallery_4il70_1._inbox_4il70_111 ._imageGalleryWrap_4il70_111 ._imageWrap_4il70_111 ._image_4il70_1._medium_4il70_115 {
    height: 222px;
    width: 296px
}

._referralsTierCard_mpkr1_1>table {
    line-height: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0e0;
    border-radius: var(--border-radius-md);
    padding: 12px;
    margin-bottom: 20px;
    width: 372px
}

._referralsTierCard_mpkr1_1 {
    text-decoration: none
}

._container_5xzra_1 {
    background-color: var(--background_contrast_1);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

._containerMultiply_5xzra_8 {
    mix-blend-mode: multiply
}

._containerAnimated_5xzra_12 {
    background-color: var(--color-bg-primary-themed)
}

._containerAnimated_5xzra_12:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, rgba(50, 50, 50, .1), rgba(200, 200, 200, .1), rgba(50, 50, 50, .1));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: _silhouette-scroll_5xzra_1 1s linear infinite;
    content: ""
}

@keyframes _silhouette-scroll_5xzra_1 {
    0% {
        transform: translate(-50%)
    }

    50% {
        transform: translate(-25%)
    }

    to {
        transform: translate(0)
    }
}

._editVideoEmbedWrap_168ek_1 {
    top: 20px;
    right: 20px
}

._imageGallery_168ek_6:hover ._editVideoEmbedWrap_168ek_1 ._editVideoEmbed_168ek_1,
._imageGallery_168ek_6:hover ._editVideoEmbedWrap_168ek_1 ._editVideoEmbed_168ek_1:hover {
    cursor: pointer
}

:is(._imageGallery_168ek_6:hover ._editVideoEmbedWrap_168ek_1 ._editVideoEmbed_168ek_1, ._imageGallery_168ek_6:hover ._editVideoEmbedWrap_168ek_1 ._editVideoEmbed_168ek_1:hover):hover {
    background-color: var(--background_contrast_2)
}

._videoPlaceholder_168ek_14 {
    text-align: center;
    padding-top: var(--size-48);
    padding-bottom: var(--size-48)
}

._videoScrollTarget_168ek_20 {
    scroll-margin-top: 70px
}

._video_168ek_14 {
    border-radius: var(--border-radius-md)
}

._videoPlayer_168ek_33 {
    background-color: transparent !important
}

._videoEmbed_168ek_37 {
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 2em
}

._videoPlaceholderSilhouette_168ek_43 {
    width: 100%;
    height: 400px
}

._digestPostEmbed_1cl67_1 {
    padding: 0;
    margin-bottom: var(--size-20);
    position: relative
}

._digestPostEmbed_1cl67_1._digestPostEmbed_1cl67_1._digestPostEmbed_1cl67_1 a {
    text-decoration: none
}

._menu_1cl67_14 {
    position: absolute;
    right: calc(-1 * var(--size-48));
    top: 0;
    width: var(--size-48);
    height: var(--size-72);
    display: flex
}

@media screen and (max-width: 800px) {
    ._menu_1cl67_14 {
        right: var(--size-8);
        top: var(--size-8)
    }
}

._caption_1cl67_28 {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24)
}

._captionEditor_1cl67_33._captionEditor_1cl67_33._captionEditor_1cl67_33 {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
    resize: vertical;
    height: unset;
    font-family: inherit
}

._smSquare_1cl67_41._smSquare_1cl67_41._smSquare_1cl67_41._smSquare_1cl67_41._smSquare_1cl67_41 {
    width: 70px;
    height: 70px !important;
    object-fit: cover
}

._mdSquare_1cl67_47._mdSquare_1cl67_47._mdSquare_1cl67_47._mdSquare_1cl67_47._mdSquare_1cl67_47 {
    width: 140px;
    height: 140px !important;
    object-fit: cover
}

._fullWidth_1cl67_53._fullWidth_1cl67_53._fullWidth_1cl67_53._fullWidth_1cl67_53._fullWidth_1cl67_53 {
    width: 100%;
    max-height: 325px !important;
    object-fit: cover
}

._inheritColor_1cl67_59 {
    color: inherit
}

._link_1cl67_63 {
    color: var(--color-accent-themed);
    text-decoration: none
}

._disableLink_1cl67_68 {
    pointer-events: none
}

._container_crmqc_1 {
    margin: 20px auto
}

._note_crmqc_5 {
    transition: var(--animate-hover);
    cursor: pointer
}

@media (hover: hover) {
    ._note_crmqc_5:hover {
        box-shadow: var(--shadow-md)
    }
}

._note_bcbvg_1 {
    background-color: var(--color-bg-elevated-primary);
    text-decoration: none;
    display: block;
    margin: 10px auto
}

._noteTeaser_bcbvg_8 {
    background-color: var(--color-bg-elevated-primary);
    text-decoration: none;
    display: block;
    width: 468px
}

._digestButton_bcbvg_15 {
    display: block !important;
    width: 468px
}

._authorMetaTable_bcbvg_20 td:last-child {
    text-align: right !important
}

._avatar_1kg9y_1 {
    flex-shrink: 0
}

._badge_1kg9y_5 {
    background: var(--color-accent-fg-cyan);
    border: 2px solid var(--color-bg-secondary-themed);
    border-radius: var(--border-radius-lg);
    padding: var(--size-4);
    transform: translate(25%, 25%)
}

._container_1kg9y_13 {
    background: var(--color-bg-primary-themed);
    border: var(--border-default-themed);
    margin-bottom: var(--size-20)
}

._header_1kg9y_19,
._emailButton_1kg9y_23 {
    width: 100%
}

._emailButton_1kg9y_23 a {
    text-decoration: none;
    white-space: nowrap
}

@media screen and (max-width: 650px) {
    ._cta_1kg9y_32 {
        width: 100%
    }
}

._button_8jgxs_1 {
    display: flex;
    align-items: center;
    gap: var(--size-12);
    padding: 0 var(--size-12);
    flex: 0 0 auto;
    height: var(--size-40);
    border-radius: var(--border-radius-sm);
    transition: var(--animate-hover);
    justify-content: flex-start
}

._button_8jgxs_1:hover {
    background: var(--color-dark-bg-tertiary)
}

._popover_8jgxs_17 {
    position: fixed;
    -webkit-user-select: none;
    user-select: none
}

._popover_8jgxs_17 * {
    -webkit-user-select: none;
    user-select: none
}

._popoverButtons_8jgxs_28 {
    overflow: hidden;
    background: var(--color-bg-tooltip)
}

._icon_8jgxs_33 {
    stroke: var(--color-light-bg-primary);
    width: var(--size-20);
    height: var(--size-20)
}

._icon_8jgxs_33._disabled_8jgxs_39 {
    stroke: var(--color-fg-secondary)
}

._explainer_8jgxs_43 {
    background: var(--color-dark-bg-secondary);
    border: 1px solid var(--color-dark-detail);
    position: relative
}

._dismissExplainer_8jgxs_49 {
    position: absolute;
    top: var(--size-8);
    right: var(--size-8);
    cursor: pointer
}

._mobileFooter_8jgxs_56 {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--color-bg-primary-themed);
    border-top: var(--border-default-themed);
    z-index: 3;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: env(safe-area-inset-bottom, 0)
}

._root_18r9b_1 {
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-sm);
    border: 1.125px solid rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-md);
    display: inline-flex;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

._root_18r9b_1._large_18r9b_16 {
    width: auto;
    overflow: hidden
}

._root_18r9b_1._large_18r9b_16 ._image_18r9b_20,
._root_18r9b_1._large_18r9b_16 ._imageLoading_18r9b_21 {
    display: block;
    width: auto;
    max-height: 100%;
    max-width: 100%
}

._root_18r9b_1._large_18r9b_16 ._imageLoading_18r9b_21 {
    display: flex;
    align-items: center;
    justify-content: center
}

._root_18r9b_1._stories_18r9b_34._small_18r9b_35 {
    height: 175px;
    width: 98.4375px
}

@media (max-width: 650px) {
    ._root_18r9b_1._stories_18r9b_34._small_18r9b_35 {
        width: 98.4375px
    }
}

._root_18r9b_1._stories_18r9b_34._small_18r9b_35 ._imageLoading_18r9b_21,
._root_18r9b_1._stories_18r9b_34._small_18r9b_35 ._image_18r9b_20 {
    height: 175px
}

._root_18r9b_1._stories_18r9b_34._large_18r9b_16 {
    height: 100%;
    aspect-ratio: 9/16;
    max-height: 450px
}

._root_18r9b_1._stories_18r9b_34._large_18r9b_16 ._imageLoading_18r9b_21,
._root_18r9b_1._stories_18r9b_34._large_18r9b_16 ._image_18r9b_20 {
    width: 100%;
    height: auto
}

._root_18r9b_1._stories_18r9b_34._large_18r9b_16 ._imageLoading_18r9b_21 {
    height: 450px;
    width: 253.125px
}

._root_18r9b_1._square_18r9b_62._small_18r9b_35 {
    width: 175px
}

@media (max-width: 650px) {
    ._root_18r9b_1._square_18r9b_62._small_18r9b_35 {
        width: 175px
    }
}

._root_18r9b_1._square_18r9b_62._large_18r9b_16 {
    max-height: 450px;
    height: 100%;
    aspect-ratio: 1/1
}

._root_18r9b_1._square_18r9b_62._large_18r9b_16 ._imageLoading_18r9b_21,
._root_18r9b_1._square_18r9b_62._large_18r9b_16 ._image_18r9b_20 {
    width: 100%;
    height: auto
}

._root_18r9b_1._square_18r9b_62._large_18r9b_16 ._imageLoading_18r9b_21 {
    height: 450px;
    width: 450px
}

._link_18r9b_87 {
    cursor: pointer;
    text-decoration: unset
}

._link_18r9b_87:hover ._image_18r9b_20 {
    opacity: .9
}

._link_18r9b_87:hover ._download_18r9b_96 {
    opacity: .8;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, .3))
}

._download_18r9b_96 {
    opacity: 0;
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-tooltip);
    z-index: 10
}

._image_18r9b_20 {
    max-width: 100%;
    height: 300px;
    width: auto;
    object-fit: contain;
    display: flex
}

@media (max-width: 650px) {
    ._image_18r9b_20 {
        height: 300px
    }
}

._image_18r9b_20._secondaryBorder_18r9b_127 {
    border: var(--border-default)
}

._imageLoading_18r9b_21 {
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    height: 300px
}

._spinner_18r9b_140 {
    align-self: center
}

._text_18r9b_144 {
    flex: 1;
    margin: auto;
    color: gray
}

._root_11skj_1 {
    scroll-snap-align: center
}

._root_11skj_1._imageSmall_11skj_4 {
    padding: 0
}

._imageWrapper_11skj_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    box-sizing: content-box
}

._modalWithFooter_11skj_20._modalWithFooter_11skj_20,
._actionSheetMenu_11skj_21._actionSheetMenu_11skj_21 {
    display: flex
}

._modalWithFooter_11skj_20._modalWithFooter_11skj_20 *,
._actionSheetMenu_11skj_21._actionSheetMenu_11skj_21 * {
    user-select: none;
    -webkit-user-select: none
}

._actionSheetBody_11skj_29 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._modalBody_11skj_39 {
    padding: 16px
}

@media (min-height: 831px) {
    ._mediaAssetContainer_11skj_43 {
        min-height: 566px;
        max-height: 100%
    }
}

._mediaAssetContainer_11skj_43 {
    max-width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width: 651px) {
    ._mediaAssetContainer_11skj_43 {
        overflow: hidden
    }
}

._actionSheetBody_11skj_29 ._mediaAssetContainer_11skj_43 {
    padding: 0
}

._safeAreaInsetPaddingBottom_11skj_64 {
    padding-bottom: env(safe-area-inset-bottom, 0)
}

._actionSheetContainer_11skj_68 {
    z-index: 1000
}

._actionSheetItems_11skj_72._actionSheetItems_11skj_72 {
    max-height: initial;
    min-height: 557px
}

._edit_11skj_77 {
    position: absolute;
    right: var(--size-16);
    top: var(--size-16);
    z-index: 10
}

button._edit_11skj_77._edit_11skj_77._edit_11skj_77._edit_11skj_77._edit_11skj_77 {
    color: var(--color-fg-primary)
}

._statsLink_1dp37_1 a,
._statsLink_1dp37_1 svg {
    color: var(--color-light-semantic-select-fg-primary)
}

._trigger_12552_1 {
    top: 50%;
    transform: translateY(-50%) scale(.99);
    border: none;
    outline: none;
    cursor: pointer;
    background: var(--color-utility-transparent);
    border-radius: var(--border-radius-sm);
    opacity: .8;
    transition: var(--animate-hover);
    padding: 0;
    left: var(--size-8)
}

._trigger_12552_1:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    background-color: var(--color-bg-secondary)
}

@media (max-width: 800px) {
    ._trigger_12552_1._absolute_12552_23 {
        opacity: 0;
        pointer-events: none;
        left: calc(var(--size-16) * -1)
    }
}

@media (max-width: 816px) {
    ._trigger_12552_1._fixed_12552_32 {
        opacity: 0;
        pointer-events: none;
        left: 0
    }
}

._line_12552_39 {
    --line-width: var(--size-12);
    height: 1.5px;
    width: var(--line-width);
    background-color: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._line_12552_39._active_12552_46._active_12552_46 {
    background-color: var(--color-fg-primary)
}

._line_12552_39._indent-1_12552_50,
._line_12552_39._indent-2_12552_51,
._line_12552_39._indent-3_12552_52 {
    background-color: var(--color-fg-tertiary)
}

._line_12552_39._indent-1_12552_50 {
    width: calc(var(--line-width) - var(--size-2))
}

._line_12552_39._indent-2_12552_51 {
    width: calc(var(--line-width) - var(--size-2) * 2)
}

._line_12552_39._indent-3_12552_52 {
    width: calc(var(--line-width) - var(--size-2) * 3)
}

._label_12552_69 {
    --label-padding: var(--size-12);
    color: var(--color-fg-secondary);
    transition: var(--animate-hover)
}

._label_12552_69._active_12552_46._active_12552_46 {
    color: var(--color-fg-primary)
}

._label_12552_69._indent-1_12552_50,
._label_12552_69._indent-2_12552_51,
._label_12552_69._indent-3_12552_52 {
    color: var(--color-fg-tertiary)
}

._label_12552_69._indent-1_12552_50 {
    padding-left: calc(var(--label-padding))
}

._label_12552_69._indent-2_12552_51 {
    padding-left: calc(var(--label-padding) * 2)
}

._label_12552_69._indent-3_12552_52 {
    padding-left: calc(var(--label-padding) * 3)
}

._menu_12552_97 {
    --menuGap: var(--size-20);
    --menuWidth: 240px;
    width: var(--menuWidth);
    background: var(--color-bg-elevated, var(--color-bg-elevated-primary));
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    padding: var(--size-8);
    max-height: calc(100vh - (var(--menuGap) * 2));
    overflow: scroll
}

._row_12552_110 {
    min-width: 0;
    border-radius: var(--border-radius-sm);
    cursor: pointer
}

._row_12552_110:hover ._label_12552_69 {
    color: var(--color-fg-primary)
}

._show_12552_120,
._hide_12552_121 {
    transform-origin: left center;
    transition: all var(--animation-timing-fast) var(--animation-smoothing)
}

._show_12552_120 {
    opacity: 1;
    transform: translate(0) scale(1)
}

._hide_12552_121 {
    opacity: 0;
    transform: translate(calc(var(--size-8) * -1)) scale(.95)
}

._appStoreBadgeButton_l4ths_1 {
    display: flex;
    overflow: hidden;
    border-radius: var(--border-radius-md)
}

._transcriptionStatus_kdmyl_1 {
    font-family: var(--font-family-text);
    font-size: 16px;
    text-align: center
}

._transcriptionStatus_kdmyl_1>p {
    margin-bottom: 24px
}

._transcriptionChunk_kdmyl_9 {
    flex: 1;
    display: flex;
    margin-bottom: 4px;
    color: #000c;
    align-items: center
}

._hoverChunk_kdmyl_17 {
    background: var(--color-light-bg-secondary-opacity)
}

._rowIndicator_kdmyl_21 {
    width: 4px;
    margin-right: 8px;
    border-radius: var(--border-radius-xs);
    background: transparent;
    align-self: stretch
}

._hoverRow_kdmyl_29 {
    background: var(--color-light-secondary)
}

._activeRow_kdmyl_33 {
    color: #000
}

._activeRow_kdmyl_33>._rowIndicator_kdmyl_21 {
    background: var(--color-secondary-themed) !important
}

._rowText_kdmyl_40 {
    color: var(--color-primary-themed)
}

._speakerText_kdmyl_44 {
    font-size: 14px;
    color: var(--color-accent-themed);
    font-family: var(--font-family-text);
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 3px
}

._rowEditableText_kdmyl_53 {
    padding: 5px 0;
    color: var(--color-primary-themed);
    flex: 1
}

._activeWord_kdmyl_59 {
    background: var(--color-data-blue)
}

._loadingSilhouette_kdmyl_63 {
    margin-bottom: 12px
}

._playCircle_kdmyl_67 {
    margin-right: 8px;
    padding-left: 8px;
    color: var(--color-bg-secondary);
    cursor: pointer;
    opacity: .65
}

._playCircle_kdmyl_67:hover {
    opacity: 1
}

._avatarContainer_1dbsh_1 {
    text-align: center;
    padding-top: 20px;
    position: relative
}

._badge_1dbsh_7 {
    background-color: var(--color-light-utility-white);
    border: 1px inset var(--color-utility-detail);
    position: absolute;
    bottom: calc(-1 * var(--size-2));
    right: calc(-1 * var(--size-2));
    overflow: hidden;
    box-sizing: content-box;
    width: var(--size-32);
    height: var(--size-32)
}

._badge_1dbsh_7 img {
    border-radius: 0 !important
}

._badge_1dbsh_7 {
    border-radius: var(--border-radius-full)
}

._grow_from_bottom_1dbsh_24 {
    position: relative;
    overflow: hidden;
    animation: _slideUp_1dbsh_1 var(--animation-timing-slow) forwards var(--animation-smoothing)
}

@keyframes _slideUp_1dbsh_1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

._grow_from_bottom_18z8k_1 {
    position: relative;
    overflow: hidden;
    animation: _slideUp_18z8k_1 var(--animation-timing-slow) forwards var(--animation-smoothing)
}

@keyframes _slideUp_18z8k_1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

._container_102yy_1 {
    border-left: 4px solid var(--color-accent-themed);
    margin: 24px 16px;
    min-width: 280px;
    overflow-wrap: break-word
}

@media screen and (min-width: 768px) {
    ._container_102yy_1 {
        width: 728px;
        margin-left: auto;
        margin-right: auto
    }
}

@media print {
    ._container_102yy_1 {
        max-width: 728px
    }
}

._podcastContainer_102yy_17 {
    margin-bottom: 0
}

._attribution_102yy_21 {
    color: var(--color-accent-themed)
}

._icon_102yy_25 {
    fill: var(--color-accent-themed);
    stroke: var(--color-accent-themed)
}

._pub_102yy_30 {
    color: var(--color-accent-themed) !important
}

._faceCloudContainer_1utxx_1 {
    position: relative;
    width: 363px;
    height: 265px
}

._primaryFaceContainer_1utxx_7 {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 65px)
}

._face_1utxx_1 {
    outline: 4.4px solid #ffffff
}

._primaryFace_1utxx_7 {
    filter: drop-shadow(0px 0px 4.4px rgba(0, 0, 0, .04)) drop-shadow(0px 8.8px 17.6px rgba(0, 0, 0, .08))
}

._primaryFaceAuthorContainer_1utxx_21 {
    position: absolute;
    top: calc(100% - 16px);
    width: 100%
}

._primaryFaceAuthor_1utxx_21._primaryFaceAuthor_1utxx_21._primaryFaceAuthor_1utxx_21 {
    padding: 6px 12px;
    background: var(--color-bg-primary);
    color: var(--color-fg-primary);
    box-shadow: 0 1px #00000008, 0 4px 4px #0000000d, 0 8px 8px #0000000d;
    border-radius: var(--border-radius-sm);
    font-weight: var(--font-weight-bold);
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -.165px
}

._secondaryFaces_1utxx_44 {
    position: absolute;
    opacity: 50%
}

._secondaryFace0_1utxx_49 {
    left: 261.6px;
    top: 105.8px
}

._secondaryFace1_1utxx_54 {
    left: 50px;
    top: 111px
}

._secondaryFace2_1utxx_59 {
    left: 228.8px;
    top: 35px
}

._secondaryFace3_1utxx_64 {
    left: 79px;
    top: 47px
}

._secondaryFace4_1utxx_69 {
    left: 212.5px;
    top: 175px
}

._secondaryFace5_1utxx_74 {
    left: 23px;
    top: 76px
}

._secondaryFace6_1utxx_79 {
    left: 5px;
    top: 163px
}

._secondaryFace7_1utxx_84 {
    left: 322px;
    top: 70px
}

._secondaryFace8_1utxx_89 {
    left: 299px;
    top: 195px
}

._avatarContainer_5l0rf_1 {
    text-align: center;
    padding-top: 20px
}

._avatar_5l0rf_1 {
    display: inline-block;
    border: 3px solid var(--color-bg-primary-themed);
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f
}

._termsFooter_5l0rf_13 {
    color: var(--color-fg-secondary) !important
}

._termsFooter_5l0rf_13 a {
    color: inherit
}

._subscribeDialog_1h9fv_1 {
    width: 400px;
    max-width: calc(100% - 60px);
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    border-radius: var(--border-radius-md);
    padding: var(--size-20) var(--size-20) var(--size-16) var(--size-20);
    background-color: var(--color-bg-primary-themed);
    z-index: 2
}

._form_1h9fv_13 {
    width: 100%
}

._dismissButton_1h9fv_17._dismissButton_1h9fv_17._dismissButton_1h9fv_17._dismissButton_1h9fv_17 {
    cursor: pointer;
    margin: var(--size-16) 0
}

._dismissButton_1h9fv_17._dismissButton_1h9fv_17._dismissButton_1h9fv_17._dismissButton_1h9fv_17 svg {
    stroke: var(--color-secondary-themed)
}

._emailInput_1h9fv_26._emailInput_1h9fv_26._emailInput_1h9fv_26._emailInput_1h9fv_26 {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--color-bg-primary-themed);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    padding: var(--size-8) var(--size-12);
    margin-bottom: var(--size-12);
    font-family: var(--font-family-text);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
    color: var(--color-primary-themed)
}

._pictureBox_1h9fv_42 {
    position: relative
}

._authorIcon_1h9fv_46 {
    box-sizing: border-box;
    border-radius: var(--border-radius-full);
    border: 3px solid var(--color-bg-primary-themed);
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f
}

._childPublicationIcon_1h9fv_55 {
    position: absolute;
    right: -5px;
    bottom: -5px;
    background-color: var(--color-bg-primary-themed);
    border-radius: var(--border-radius-sm);
    border: 3px solid var(--color-bg-primary-themed);
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f
}

._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68 {
    padding-top: var(--size-16);
    padding-bottom: var(--size-4);
    line-height: var(--line-height-28);
    border-top: var(--border-default);
    width: 100%
}

._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68 a {
    color: var(--color-secondary-themed);
    text-decoration: none
}

._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68._signInLink_1h9fv_68 a:hover {
    text-decoration: underline
}

._background_1h9fv_85 {
    position: fixed;
    background-color: #303030;
    width: 100vw;
    inset: 0;
    z-index: 1;
    overflow-y: scroll
}

._error_1h9fv_97 {
    color: #ef0700;
    font-family: var(--font_family_ui, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    right: 20px;
    padding: 5px;
    margin-top: -12px;
    text-align: center
}

._closeIcon_1h9fv_121 {
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-full);
    border: var(--border-default);
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

._closeIcon_1h9fv_121:hover {
    background-color: var(--color-bg-secondary-hover-themed)
}

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

@media screen and (max-width: 768px) {
    ._byline-wrapper--swap-on-mobile_1y2p2_6 {
        justify-content: space-between
    }

    ._byline-faces--swap-on-mobile_1y2p2_10 {
        order: 2
    }
}

._tooltip_1kahx_1 {
    color: var(--color-dark-primary);
    background-color: var(--color-bg-tooltip);
    white-space: pre-wrap
}

._keys_1kahx_7 {
    color: var(--color-dark-secondary)
}

._key_1kahx_7 {
    border: 1px solid var(--color-dark-detail);
    background-color: var(--color-dark-bg-secondary)
}

._playButton_wxwgg_1 {
    cursor: pointer;
    border-radius: var(--border-radius-full);
    transition: var(--animate-hover)
}

._playButton_wxwgg_1:hover {
    transform: scale(1.05)
}

._playButtonIcon_wxwgg_11,
._videoIcon_wxwgg_12 {
    position: relative;
    overflow: visible
}

._playButtonIcon_wxwgg_11 {
    fill: var(--color-dark-bg-primary)
}

._videoIcon_wxwgg_12 {
    fill: var(--color-utility-white)
}

._pauseIconBar_wxwgg_25 {
    background-color: var(--color-dark-bg-primary)
}

._pauseIcon_wxwgg_25 {
    display: flex;
    justify-content: space-between
}

._pauseIconBar_wxwgg_25,
._videoPauseIconBar_wxwgg_35 {
    height: 100%;
    width: 33%;
    border-radius: var(--border-radius-xs)
}

@media screen and (max-width: 768px) {
    ._playButton_wxwgg_1 {
        height: 56px;
        width: 56px
    }

    ._pauseIcon_wxwgg_25 {
        height: 20px;
        width: 20px
    }
}

._input_4ks19_1 {
    flex: 1 1 1px
}

._textarea_4ks19_5 {
    resize: vertical
}

._input_4ks19_1,
._textarea_4ks19_5 {
    background-color: var(--color-bg-primary);
    padding: var(--size-12) var(--size-16);
    font-family: var(--font-family-text);
    font-size: var(--font-size-15);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-20);
    color: var(--color-fg-primary);
    min-height: var(--size-40);
    box-sizing: border-box;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-xs);
    transition: var(--animate-hover);
    display: flex;
    flex-direction: row;
    outline: none;
    margin: 0;
    background-clip: border-box
}

._input_4ks19_1:hover,
._textarea_4ks19_5:hover {
    border-color: var(--color-bg-tertiary)
}

._input_4ks19_1:focus-visible,
._textarea_4ks19_5:focus-visible {
    border: var(--border-focus);
    box-shadow: var(--shadow-xs), var(--focus-input-ring)
}

._input_4ks19_1:focus-within,
._textarea_4ks19_5:focus-within {
    border: var(--border-focus);
    box-shadow: var(--shadow-xs), var(--focus-input-ring)
}

._input_4ks19_1::placeholder,
._textarea_4ks19_5::placeholder {
    color: var(--color-fg-secondary)
}

._input_4ks19_1::selection,
._textarea_4ks19_5::selection {
    background-color: var(--color-text-select)
}

._input_4ks19_1._error_4ks19_52,
textarea._error_4ks19_52 {
    border-color: var(--color-semantic-error-fg-primary)
}

:is(._input_4ks19_1._error_4ks19_52, textarea._error_4ks19_52):hover {
    border-color: var(--color-semantic-error-bg-primary)
}

:is(._input_4ks19_1._error_4ks19_52, textarea._error_4ks19_52):focus-within {
    border-color: var(--color-semantic-error-fg-primary);
    box-shadow: var(--shadow-xs), var(--error-input-ring)
}

:is(._input_4ks19_1._error_4ks19_52, textarea._error_4ks19_52):focus-visible {
    border-color: var(--color-semantic-error-fg-primary);
    box-shadow: var(--shadow-xs), var(--error-input-ring)
}

:is(._input_4ks19_1._error_4ks19_52, textarea._error_4ks19_52)::placeholder {
    color: var(--color-semantic-error-fg-primary)
}

:is(._input_4ks19_1._error_4ks19_52, textarea._error_4ks19_52)::selection {
    background-color: var(--color-semantic-error-utility-detail)
}

._input_4ks19_1._disabled_4ks19_78,
textarea._disabled_4ks19_78 {
    color: var(--color-fg-tertiary);
    cursor: not-allowed;
    resize: none
}

:is(._input_4ks19_1._disabled_4ks19_78, textarea._disabled_4ks19_78)::placeholder {
    color: var(--color-fg-tertiary)
}

._search_4ks19_89 {
    position: relative
}

._search_4ks19_89 ._input_4ks19_1 {
    background-color: var(--color-bg-secondary);
    border: 1px solid transparent;
    box-shadow: none
}

._search_4ks19_89 ._input_4ks19_1:focus-visible {
    border: var(--border-focus);
    box-shadow: var(--shadow-xs), var(--focus-input-ring)
}

._search_4ks19_89 ._input_4ks19_1:focus-within {
    border: var(--border-focus);
    box-shadow: var(--shadow-xs), var(--focus-input-ring)
}

._search_4ks19_89 ._input_4ks19_1::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

._search_4ks19_89 ._input_4ks19_1::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

._search_4ks19_89 ._input_4ks19_1::-ms-clear {
    display: none
}

._search_4ks19_89 ._clear_4ks19_119 {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--size-12);
    padding: 4px
}

._search_4ks19_89 ._icon_4ks19_128 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: var(--size-12)
}

._search_4ks19_89._showIcon_4ks19_136 ._input_4ks19_1 {
    text-indent: var(--size-24)
}

._unreadDot_d91rz_1 {
    width: var(--size-8);
    height: var(--size-8);
    border-radius: var(--border-radius-full);
    background: var(--color-accent-themed);
    color: var(--color-accent-inverse-themed)
}

._badge_du5gt_1 {
    background: var(--color-accent-themed);
    color: var(--color-accent-inverse-themed);
    padding: 0 var(--size-6);
    box-shadow: var(--color-bg-primary) 0 0 0 3px;
    min-width: var(--size-20);
    min-height: var(--size-20);
    max-height: var(--size-20);
    box-sizing: border-box
}

._dotContainer_du5gt_12 {
    min-width: var(--size-20);
    height: var(--size-20);
    box-sizing: border-box;
    padding: 0 var(--size-6)
}

._dot_du5gt_12 {
    width: var(--size-8);
    height: var(--size-8);
    background-color: var(--color-accent-themed);
    border-radius: var(--border-radius-full)
}

._avatarButton_153ms_1 {
    transition: var(--animate-hover)
}

@media (hover: hover) {
    ._avatarButton_153ms_1:hover {
        opacity: .9
    }

    ._avatarButton_153ms_1:active {
        transform: var(--transform-pressed)
    }
}

._dropdownBadge_153ms_13 {
    --border-width: 3px;
    border: var(--border-width) solid var(--color-bg-primary);
    bottom: calc(-1 * var(--border-width));
    right: calc(-2 * var(--border-width))
}

._dropdown_153ms_13 {
    min-width: 300px
}

._inlineContainer_dp6ug_1 {
    display: inline-block;
    vertical-align: middle
}

._container_dp6ug_6 {
    display: flex;
    align-items: center
}

._container_dp6ug_6 svg {
    display: block
}

._popover_dp6ug_15 {
    background: var(--color-bg-elevated-primary);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
    border: var(--border-default);
    width: 260px;
    z-index: 103
}


._extraImg_m34np_1 {
    display: block;
    height: 32px
}

._extraText_m34np_6 {
    border: 1px solid #f9303d;
    font-weight: 600;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    white-space: nowrap
}

._extraBoxEdit_m34np_15 {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

._extraBox_m34np_15:hover ._extraBoxEdit_m34np_15 {
    opacity: 1
}

._emptyText_m34np_24 {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

._extraBox_m34np_15:hover ._emptyText_m34np_24 {
    opacity: 1
}

._container_uidii_1 {
    border-top: 5px solid var(--color-primary-themed);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: var(--color-bg-primary-themed)
}

._logo_uidii_10 {
    display: block;
    height: 64px
}

._spacer_uidii_15 {
    height: 69px
}

._container_1hcsn_1 {
    display: grid
}

._full-width_1hcsn_5 {
    display: block
}

._full-width-with-sidebar_1hcsn_9 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: var(--size-16)
}

._full-width-with-sidebar_1hcsn_9>:first-child {
    grid-column: 1 / span 3
}

._full-width-with-border-and-sidebar_1hcsn_27 {
    grid-template-columns: minmax(0, 1fr) repeat(3, 1px minmax(0, 1fr));
    grid-column-gap: var(--half-column-gap, var(--size-8))
}

._full-width-with-border-and-sidebar_1hcsn_27>:first-child {
    grid-column: 1 / span 5
}

._full-width-with-border-and-sidebar_1hcsn_27>:nth-child(2) {
    grid-column: 7
}

._full-width-with-border-and-sidebar_1hcsn_27>:nth-child(3) {
    grid-column: 6;
    grid-row: 1
}

._vertical-divider_1hcsn_42 {
    margin: var(--size-8) 0
}

@media only screen and (max-width: 1024px) {
    ._full-width-with-border-and-sidebar_1hcsn_27 {
        display: flex;
        flex-direction: column;
        gap: var(--size-32)
    }

    ._full-width-with-border-and-sidebar_1hcsn_27>:nth-child(3) {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    ._full-width-with-sidebar_1hcsn_9 {
        display: flex;
        flex-direction: column;
        gap: var(--size-32)
    }

    ._full-width-with-sidebar_1hcsn_9:not(._show-below_1hcsn_22)>:nth-child(2) {
        display: none
    }
}

._three-column-width_1hcsn_67,
._three-column-width-with-sidebar_1hcsn_68 {
    grid-template-columns: minmax(0, 1fr) 8px minmax(0, 2fr) 16px minmax(0, 2fr) 16px minmax(0, 2fr) 8px minmax(0, 1fr)
}

._three-column-width_1hcsn_67>:first-child {
    grid-column: 3 / span 5
}

._three-column-width-with-sidebar_1hcsn_68>:first-child {
    grid-column: 3 / span 3
}

._three-column-width-with-sidebar_1hcsn_68>:nth-child(2) {
    grid-column: 7
}

@media only screen and (max-width: 1024px) {

    ._three-column-width_1hcsn_67,
    ._three-column-width-with-sidebar_1hcsn_68 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap: var(--size-16)
    }

    ._three-column-width_1hcsn_67>:first-child {
        grid-column: 1 / span 3
    }

    ._three-column-width-with-sidebar_1hcsn_68>:first-child {
        grid-column: 1 / span 2
    }

    ._three-column-width-with-sidebar_1hcsn_68>:nth-child(2) {
        grid-column: 3
    }
}

@media only screen and (max-width: 768px) {
    ._three-column-width-with-sidebar_1hcsn_68 {
        display: flex;
        flex-direction: column;
        gap: var(--size-32)
    }

    ._three-column-width-with-sidebar_1hcsn_68:not(._show-below_1hcsn_22)>:nth-child(2) {
        display: none
    }
}

._two-column-width_1hcsn_109 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: var(--size-16)
}

._two-column-width_1hcsn_109>:first-child {
    grid-column: 2 / span 2
}

@media only screen and (max-width: 768px) {
    ._two-column-width_1hcsn_109 {
        display: flex;
        flex-direction: column
    }
}

._one-column-two-column_1hcsn_124 {
    grid-template-columns: minmax(0, 1fr) repeat(2, 1px minmax(0, 1fr));
    grid-column-gap: var(--half-column-gap, var(--size-8))
}

._one-column-two-column_1hcsn_124>:first-child {
    grid-column: 3 / span 3;
    grid-row: 1
}

._one-column-two-column_1hcsn_124>:nth-child(2) {
    grid-column: 1;
    grid-row: 1
}

._one-column-two-column_1hcsn_124>:nth-child(3) {
    grid-column: 2;
    grid-row: 1
}

@media only screen and (max-width: 1024px) {
    ._one-column-two-column_1hcsn_124>:first-child {
        grid-column: 1 / span 3;
        grid-row: 1
    }

    ._one-column-two-column_1hcsn_124>:nth-child(2) {
        grid-column: 5;
        grid-row: 1
    }

    ._one-column-two-column_1hcsn_124>:nth-child(3) {
        grid-column: 4;
        grid-row: 1
    }
}

._one-column-two-column-one-column_1hcsn_156 {
    grid-template-columns: minmax(0, 1fr) repeat(3, 1px minmax(0, 1fr));
    grid-column-gap: var(--half-column-gap, var(--size-8))
}

._one-column-two-column-one-column_1hcsn_156>:first-child {
    grid-column: 3 / span 3;
    grid-row: 1
}

._one-column-two-column-one-column_1hcsn_156>:nth-child(2) {
    grid-column: 1;
    grid-row: 1
}

._one-column-two-column-one-column_1hcsn_156>:nth-child(3) {
    grid-column: 7;
    grid-row: 1
}

@media only screen and (max-width: 1024px) {
    ._one-column-two-column-one-column_1hcsn_156 {
        grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr)
    }

    ._one-column-two-column-one-column_1hcsn_156>:first-child {
        grid-column: 1 / span 3
    }

    ._one-column-two-column-one-column_1hcsn_156>:nth-child(2) {
        grid-column: 5
    }

    ._one-column-two-column-one-column_1hcsn_156>:nth-child(3) {
        display: none !important
    }
}

._loadingContainerGrid_3eyf1_1 {
    display: grid;
    padding: var(--size-8);
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 52px;
    grid-row-gap: 94px
}

._loadingContainerList_3eyf1_9 {
    display: flex;
    flex-direction: column;
    padding: var(--size-8);
    gap: 76px
}

._searchInput_f4mjb_1 {
    background-color: transparent;
    border: 0;
    color: var(--color-primary-themed);
    font-size: var(--font-size-16)
}

._monthHeader_f4mjb_8 {
    padding-left: var(--size-8)
}

@media screen and (max-width: 768px) {
    ._monthHeader_f4mjb_8 {
        padding-left: 0
    }
}

._container_1j53d_1 {
    display: grid;
    column-gap: var(--size-16);
    --row-gap: var(--size-4);
    --half-row-gap: var(--size-2);
    row-gap: var(--row-gap)
}

._divider_1j53d_9:not(._dividerVertical_1j53d_9) {
    margin-left: var(--size-8);
    margin-right: var(--size-8)
}

._long-divider_1j53d_14 {
    margin-left: var(--size-8);
    margin-right: var(--size-8)
}

@media only screen and (max-width: 768px) {
    ._divider_1j53d_9:not(._dividerVertical_1j53d_9) {
        margin: 0
    }

    ._long-divider_1j53d_14 {
        margin: 0
    }
}

._two-small-one-large_1j53d_30 {
    row-gap: var(--half-row-gap);
    column-gap: var(--size-8);
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
    grid-template-rows: auto 1px auto
}

._two-small-one-large_1j53d_30>:first-child {
    grid-column: 3 / span 3;
    grid-row: 1 / span 3
}

._two-small-one-large_1j53d_30>:nth-child(2) {
    grid-column: 1;
    grid-row: 1
}

._two-small-one-large_1j53d_30>:nth-child(3) {
    grid-column: 1;
    grid-row: 3
}

._two-small-one-large_1j53d_30>:nth-child(4) {
    grid-column: 1;
    grid-row: 2
}

._two-small-one-large_1j53d_30>:nth-child(5) {
    grid-column: 2;
    grid-row: 1 / span 3
}

@media only screen and (max-width: 1024px) {
    ._two-small-one-large_1j53d_30>:first-child {
        grid-column: 1 / span 3;
        grid-row: 1 / span 3
    }

    ._two-small-one-large_1j53d_30>:nth-child(2) {
        grid-column: 5;
        grid-row: 1
    }

    ._two-small-one-large_1j53d_30>:nth-child(3) {
        grid-column: 5;
        grid-row: 3
    }

    ._two-small-one-large_1j53d_30>:nth-child(4) {
        grid-column: 5;
        grid-row: 2
    }

    ._two-small-one-large_1j53d_30>:nth-child(5) {
        grid-column: 4;
        grid-row: 1 / span 3
    }
}

@media only screen and (max-width: 768px) {
    ._two-small-one-large_1j53d_30 {
        display: block
    }

    ._two-small-one-large_1j53d_30>:not(:first-child) {
        display: none
    }
}

._two-column-grid_1j53d_89 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--row-gap)
}

._two-column-grid_1j53d_89 ._divider_1j53d_9 {
    display: none
}

._two-column-grid_1j53d_89 ._long-divider_1j53d_14 {
    grid-column: 1 / span 2
}

@media only screen and (max-width: 768px) {
    ._two-column-grid_1j53d_89 {
        display: flex;
        flex-direction: column;
        padding-top: var(--size-8);
        gap: var(--size-12)
    }

    ._two-column-grid_1j53d_89 ._divider_1j53d_9 {
        display: block
    }

    ._two-column-grid_1j53d_89 ._long-divider_1j53d_14 {
        display: none
    }
}

._three-column-grid_1j53d_116 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: var(--row-gap)
}

._three-column-grid_1j53d_116 ._divider_1j53d_9 {
    display: none
}

._three-column-grid_1j53d_116 ._long-divider_1j53d_14 {
    grid-column: 1 / span 3
}

@media only screen and (max-width: 768px) {
    ._three-column-grid_1j53d_116 {
        display: flex;
        flex-direction: column;
        padding-top: var(--size-8);
        gap: var(--size-12)
    }

    ._three-column-grid_1j53d_116 ._divider_1j53d_9 {
        display: block
    }

    ._three-column-grid_1j53d_116 ._long-divider_1j53d_14 {
        display: none
    }
}

._four-column-grid_1j53d_143 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: var(--half-row-gap)
}

._four-column-grid_1j53d_143 ._divider_1j53d_9 {
    display: none
}

._four-column-grid_1j53d_143 ._long-divider_1j53d_14 {
    grid-column: 1 / span 4
}

@media only screen and (max-width: 768px) {
    ._four-column-grid_1j53d_143 {
        display: flex;
        flex-direction: column;
        padding-top: var(--size-8);
        gap: var(--size-12)
    }

    ._four-column-grid_1j53d_143 ._divider_1j53d_9 {
        display: block
    }

    ._four-column-grid_1j53d_143 ._long-divider_1j53d_14 {
        display: none
    }
}

._one-column-list_1j53d_170 {
    flex-grow: 1;
    row-gap: var(--half-row-gap);
    grid-template-rows: minmax(0, 1fr) repeat(4, 1px minmax(0, 1fr))
}

._large-listing-listing-column_1j53d_177 {
    flex-grow: 1;
    row-gap: var(--size-8);
    grid-template-rows: 1fr repeat(2, 1px auto)
}

._square-square-column_1j53d_184 {
    flex-grow: 1;
    row-gap: var(--half-row-gap);
    grid-template-rows: minmax(0, 1fr) 1px minmax(0, 1fr)
}

._square-square-column_1j53d_184>:first-child {
    grid-row: 1
}

._square-square-column_1j53d_184>:nth-child(2) {
    grid-row: 3
}

._square-square-column_1j53d_184>:nth-child(3) {
    grid-row: 2
}

._two-column-list_1j53d_200 {
    row-gap: var(--size-4)
}

._two-column-list--with-dividers_1j53d_203 {
    row-gap: var(--size-8)
}

@media only screen and (max-width: 768px) {
    ._two-column-list_1j53d_200 {
        padding-top: var(--size-8);
        row-gap: var(--size-12)
    }
}

._five-up_1j53d_215 {
    grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
    grid-template-rows: auto 1px auto;
    row-gap: var(--half-row-gap);
    column-gap: var(--size-8)
}

._five-up_1j53d_215>:first-child {
    grid-column: 3 / span 3;
    grid-row: 1 / span 3
}

._five-up_1j53d_215>:nth-child(2) {
    grid-column: 1;
    grid-row: 1
}

._five-up_1j53d_215>:nth-child(3) {
    grid-column: 1;
    grid-row: 3
}

._five-up_1j53d_215>:nth-child(4) {
    grid-column: 7;
    grid-row: 1
}

._five-up_1j53d_215>:nth-child(5) {
    grid-column: 7;
    grid-row: 3
}

._five-up_1j53d_215>:nth-child(6) {
    grid-column: 1;
    grid-row: 2
}

._five-up_1j53d_215>:nth-child(7) {
    grid-column: 7;
    grid-row: 2
}

._five-up_1j53d_215>:nth-child(8) {
    grid-column: 2;
    grid-row: 1 / span 3
}

._five-up_1j53d_215>:nth-child(9) {
    grid-column: 6;
    grid-row: 1 / span 3
}

._vertical-divider_1j53d_257 {
    margin-top: var(--size-8);
    margin-bottom: var(--size-8)
}

@media only screen and (max-width: 1024px) {
    ._five-up_1j53d_215 {
        grid-template-columns: 1fr 1px 1fr 1px 1fr
    }

    ._five-up_1j53d_215>:first-child {
        grid-column: 1 / span 3;
        grid-row: 1 / span 3
    }

    ._five-up_1j53d_215>:nth-child(2) {
        grid-column: 5;
        grid-row: 1
    }

    ._five-up_1j53d_215>:nth-child(3) {
        grid-column: 5;
        grid-row: 3
    }

    ._five-up_1j53d_215>:nth-child(4) {
        grid-column: 5;
        grid-row: 2
    }

    ._five-up_1j53d_215>:nth-child(5) {
        display: none
    }

    ._five-up_1j53d_215>:nth-child(6) {
        grid-column: 4;
        grid-row: 1 / span 3
    }

    ._five-up_1j53d_215>:nth-child(n+7) {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    ._five-up_1j53d_215 {
        display: block
    }

    ._five-up_1j53d_215>:first-child {
        grid-column: 1 / span 2
    }

    ._five-up_1j53d_215>:nth-child(n+2) {
        display: none
    }
}

._mini-row_1j53d_305 {
    grid-template-columns: 1fr repeat(3, 1px 1fr);
    column-gap: var(--size-8)
}

._mini-row_1j53d_305>._divider_1j53d_9 {
    height: 100%;
    box-sizing: border-box
}

._mini-row_1j53d_305>._divider_1j53d_9>div {
    height: var(--size-64)
}

@media only screen and (max-width: 1024px) {
    ._mini-row_1j53d_305 {
        grid-template-columns: 1fr repeat(2, 1px 1fr)
    }

    ._mini-row_1j53d_305>:nth-child(n+6) {
        display: none
    }
}

._three-column-mini-row_1j53d_326 {
    grid-template-columns: 1fr repeat(2, 1px 1fr);
    column-gap: var(--size-8)
}

._three-column-mini-row_1j53d_326>._divider_1j53d_9 {
    height: 100%;
    box-sizing: border-box
}

._three-column-mini-row_1j53d_326>._divider_1j53d_9>div {
    height: 80px
}

@media only screen and (max-width: 1024px) {
    ._three-column-mini-row_1j53d_326 {
        grid-template-columns: 1fr repeat(2, 1px 1fr)
    }

    ._three-column-mini-row_1j53d_326>:nth-child(n+6) {
        display: none
    }
}

._player-wrapper-outer_3ncs1_1 {
    padding-top: var(--size-32);
    display: flex;
    justify-content: center
}

._player-wrapper-inner_3ncs1_7 {
    max-width: 1124px;
    width: 100vw;
    box-sizing: border-box;
    min-width: 0;
    padding: 0 var(--size-12)
}

@media screen and (max-width: 1024px) {
    ._player-wrapper-outer_3ncs1_1 {
        padding-top: var(--size-24)
    }
}

@media screen and (max-width: 768px) {
    ._player-wrapper-outer_3ncs1_1 {
        padding-bottom: 0
    }
}

._emailIcon_tarch_1 {
    color: var(--color-secondary-themed)
}

._icon-20_tarch_5 {
    width: var(--size-20)
}

._icon-40_tarch_9 {
    width: var(--size-40)
}

._button_i9eid_1 {
    flex-basis: 50%;
    border-color: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

._button_i9eid_1 svg {
    stroke: transparent !important
}

._horizontalScrolling_i9eid_10 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

._horizontalScrolling_i9eid_10:-webkit-scrollbar {
    display: none
}

._facepile_1a8ce_1 {
    flex: 0;
    width: 40px;
    height: 40px
}

._backdrop_1a8ce_7 {
    position: absolute;
    inset: 0;
    background-color: #000;
    transition: opacity .25s ease-in-out
}

._backdropHidden_1a8ce_17 {
    opacity: 0
}

._backdropVisible_1a8ce_21 {
    opacity: .85
}

._container_10lh9_1 {
    cursor: pointer
}

._subscribe-container_10lh9_5 .subscribe-widget {
    margin-bottom: 0;

    .button-wrapper {
        margin-bottom: 0
    }
}

._description_10lh9_13 {
    overflow-wrap: break-word;
    width: 100%
}

._listen-on-item_1lxb8_1._listen-on-item_1lxb8_1 {
    height: var(--size-40);
    background-color: var(--color-bg-secondary-themed);
    cursor: pointer;
    transition: var(--animate-hover)
}

._listen-on-item_1lxb8_1._listen-on-item_1lxb8_1:hover {
    background-color: var(--color-bg-secondary-hover-themed)
}

._listen-on-item--disabled_1lxb8_12._listen-on-item--disabled_1lxb8_12:hover {
    background-color: var(--color-bg-secondary-themed);
    cursor: not-allowed
}

._listOuter_185gs_2::-webkit-scrollbar {
    display: none
}

._listOuter_185gs_2 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

._container_m77uw_1 {
    background-color: var(--color-bg-secondary-themed);
    transition: var(--animate-hover)
}

._container--collapsed_m77uw_6:hover {
    background-color: var(--color-bg-secondary-hover-themed)
}

._container-expanded_m77uw_10 {
    padding-top: var(--size-32)
}

._header_m77uw_14 {
    cursor: pointer
}

._icon_m77uw_18 {
    transition: var(--animate-hover)
}

._icon--expanded_m77uw_22 {
    transform: rotate(180deg)
}

._transcription-container_m77uw_26 {
    position: relative;
    max-height: 240px;
    overflow: auto;
    font-family: var(--font-family-text);
    font-size: var(--font-size-14)
}

._transcription-chunk_m77uw_34 {
    transition: var(--animate-hover);
    cursor: pointer
}

._transcription-chunk_m77uw_34:hover ._transcriptionWords_m77uw_39 {
    background-color: var(--color-bg-secondary-hover-themed)
}

._transcription-chunk--active_m77uw_43 ._transcriptionWords_m77uw_39 {
    font-weight: var(--font-weight-semibold);
    background-color: var(--color-bg-secondary-hover-themed)
}

._transcription-timestamp_m77uw_48 {
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    text-align: right;
    width: 60px;
    font-variant-numeric: tabular-nums
}

._transcription-text-align-left_m77uw_56 {
    text-align: right;
    width: 45px
}

._transcription-text_m77uw_56 {
    line-height: var(--line-height-20)
}

._transcription-full-body-container_m77uw_65 {
    position: relative;
    font-family: var(--font-family-text);
    font-size: var(--font-size-14)
}

._stickySearch_m77uw_71 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 10px
}

._sticky_m77uw_71 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding-top: 15px;
    padding-bottom: 10px;
    box-sizing: content-box;
    max-width: 1100px;
    width: 100vw;
    margin: auto;
    background-color: var(--color-bg-primary)
}

._sticky-content_m77uw_94 {
    border-radius: var(--border-radius-md);
    background-color: var(--color-bg-primary)
}

._main-content-and-sidebar_1noxk_1 {
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    max-width: 1084px;
    margin: auto;
    padding-left: var(--size-24);
    padding-right: var(--size-24)
}

._main-content_1noxk_1 {
    box-sizing: content-box;
    padding: var(--size-32);
    padding-left: 0;
    flex: 1
}

._main-content_1noxk_1 .container {
    width: auto
}

._main-content-full-width_1noxk_22 {
    box-sizing: content-box;
    max-width: 1084px
}

._postContentWrapper_1noxk_27 img.sizing-large {
    max-width: 100% !important
}

._sidebar_1noxk_31 {
    box-sizing: content-box;
    width: 320px;
    padding: var(--size-32);
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    ._main-content-and-sidebar_1noxk_1 {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    ._main-content_1noxk_1 {
        padding: var(--size-32);
        padding-left: 0
    }

    ._sidebar_1noxk_31 {
        padding-top: var(--size-32)
    }
}

@media screen and (max-width: 768px) {
    ._main-content-and-sidebar_1noxk_1 {
        flex-direction: column;
        gap: 0;
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    ._main-content-full-width_1noxk_22 {
        padding: var(--size-8)
    }

    ._main-content_1noxk_1 {
        box-sizing: border-box;
        padding: var(--size-16) 0
    }

    ._main-content_1noxk_1 .container {
        margin: 0 !important
    }

    ._main-content_1noxk_1 .comments-section {
        border-bottom: var(--border-default-themed);
        padding-bottom: var(--size-24)
    }

    ._main-content_1noxk_1 .comments-section-title {
        font-weight: var(--font-weight-bold) !important;
        font-size: var(--font-size-16) !important;
        line-height: var(--line-height-20) !important
    }

    ._sidebar_1noxk_31 {
        box-sizing: border-box;
        width: auto;
        padding: 0 0 var(--size-32)
    }
}

._giftModal_1or1e_1._giftModal_1or1e_1 {
    border: none
}

._qrCode_1or1e_5 {
    border-radius: var(--border-radius-lg);
    background-color: var(--color-bg-elevated-primary);
    border: var(--border-default);
    margin-top: calc(var(--size-8) * -1);
    box-shadow: var(--shadow-lg);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing);
    cursor: pointer;
    overflow: hidden
}

@media (hover: hover) {
    ._qrCode_1or1e_5:hover {
        transform: scale(1.02)
    }
}

._qrCode_1or1e_5 canvas {
    display: block
}

._giftBackground_1or1e_26 {
    background-image: url(../../img/gifting/accept-bg.svg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px;
    border-radius: 20px;
    margin-bottom: 16px
}

._headerCloseButton_1or1e_36 {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #363737
}

._headerCloseButton_1or1e_36 svg {
    stroke: var(--color-fg-secondary)
}

._giftBackgroundHeader_1or1e_47._giftBackgroundHeader_1or1e_47 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0
}

._guestPassText_1or1e_53 {
    color: #b3b3b3d1
}

._emailInputWrapper_1or1e_57 {
    width: 100%
}

._emailInput_1or1e_57 {
    border: 1px solid var(--color-utility-detail)
}

._acceptButton_1or1e_65._acceptButton_1or1e_65 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._tos_1or1e_70 {
    margin-top: 16px;
    text-align: center
}

._tos_1or1e_70 a {
    color: var(--color-fg-secondary)
}

._container_4rgr7_1 {
    border-top: 4px solid var(--color-primary-themed);
    border-bottom: 4px solid var(--color-primary-themed);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin: 0 -40px;
    padding: 0 20px
}

._containerTablet_4rgr7_10 {
    grid-template-columns: repeat(4, 1fr)
}

._latestArrow_4rgr7_14 {
    width: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-65%)
}

._latestArrowEnd_4rgr7_22 {
    width: 100%
}

._latestArrowEndContainer_4rgr7_26 {
    width: calc(100% - 40px);
    position: absolute;
    top: -20px;
    left: 20px;
    height: calc(45% + 20px);
    overflow: hidden
}

._container_1255u_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--size-20)
}

._container_7woif_1 {
    display: flex;
    margin: 0 calc(var(--size-8) * -1)
}

._column_7woif_6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    padding: 0 var(--size-8);
    display: flex
}

._column_7woif_6>div {
    width: 100%
}

@media only screen and (max-width: 1024px) {
    ._left_7woif_18 {
        flex-basis: 66.66667%
    }

    ._right_7woif_21 {
        flex-basis: 33.33333%
    }
}

@media only screen and (max-width: 768px) {
    ._container_7woif_1 {
        flex-direction: column
    }

    ._column_7woif_6 {
        flex-basis: 100%
    }
}

._link_dzj0p_1:hover {
    text-decoration: underline !important
}

._container_1b8xu_1 {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: min(100%, 1280px);
    width: 1280px
}

._container_lr5g7_1 {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin: 0 -50vw
}

._container_lr5g7_1 .podcast-player-button {
    --color-button-bg: var(--color-bg-primary);
    --color-button-fg: var(--color-fg-secondary)
}

._container_lr5g7_1 .podcast-player-button:hover {
    --color-button-fg: var(--color-fg-primary)
}

._container_119aw_1 {
    cursor: pointer
}

._containerHoverLight_119aw_5 {
    transition: var(--animate-hover)
}

._containerHoverLight_119aw_5:hover {
    background-color: var(--color-bg-secondary)
}

._homepageLink_adgez_1 {
    text-decoration: none
}

._homepageLink_adgez_1:hover ._title_adgez_5 {
    text-decoration: underline !important
}

._container_cjrxc_1 .subscribe-widget {
    margin-bottom: 0
}

._pubLogo_cjrxc_5 {
    display: block;
    width: var(--size-32);
    height: var(--size-32);
    border-radius: var(--border-radius-sm)
}

._homePageGroupsGrid_yl4kt_2 ._divider_yl4kt_2,
._homePageGroupsGrid_yl4kt_2 ._three-column-grid_yl4kt_5 ._long-divider_yl4kt_5 {
    display: none
}

._homePageGroupsGrid_yl4kt_2._emptyRowsView_yl4kt_8,
._homePageGroupsGrid_yl4kt_2._emptyGroupView_yl4kt_9 {
    background-color: var(--background_contrast_1)
}

._homePageGroupsGrid_yl4kt_2._emptyGroupView_yl4kt_9 {
    height: 320px
}

._homePageGroupsGrid_yl4kt_2._emptyRowsView_yl4kt_8 {
    height: 650px
}

._homePageGroupsGrid_yl4kt_2._emptyRowsView_yl4kt_8 ._emptyContentIcon_yl4kt_18,
._homePageGroupsGrid_yl4kt_2._emptyGroupView_yl4kt_9 ._emptyContentIcon_yl4kt_18 {
    color: var(--color-secondary-themed)
}

._container_1hifo_1 {
    background-color: var(--background_contrast_1)
}

._outerContainer_og07d_1 {
    margin: 0 calc(-1 * var(--size-8))
}

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

._column_og07d_9 {
    width: 100%;
    box-sizing: border-box;
    padding-left: var(--size-8);
    padding-right: var(--size-8)
}

._column1_og07d_15 {
    flex: 0 0 25%
}

._column2_og07d_18 {
    flex: 0 0 50%
}

._column3_og07d_21 {
    flex: 0 0 75%
}

._column4_og07d_24 {
    flex: 0 0 100%
}

@media screen and (max-width: 1024px) {
    ._column1_og07d_15 {
        flex: 0 0 33.3333%
    }

    ._column2_og07d_18 {
        flex: 0 0 66.6667%
    }

    ._column3_og07d_21 {
        flex: 0 0 100%
    }
}

._postRow_187ws_1 {
    margin: 0 calc(-1 * var(--size-8))
}

._postContainer_187ws_5 {
    box-sizing: border-box;
    padding: 0 var(--size-8);
    display: flex;
    align-items: stretch;
    flex-grow: 1
}

._postContainerTwoColumn_187ws_12 {
    flex: 0 0 50%
}

._postContainerThreeColumn_187ws_15 {
    flex: 0 0 33.333333%
}

._postContainerFourColumn_187ws_18 {
    flex: 0 0 25%
}

._container_3z7ty_1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--column-gap)
}

._podcastEpisodeContainer_3z7ty_7 {
    grid-column: 1 / span 2
}

._plusThreeContainer_3z7ty_11 {
    display: flex;
    flex-direction: column;
    gap: var(--size-28)
}

._miniPost_3z7ty_17 {
    border-top: 1px solid var(--color-detail-themed);
    padding-top: var(--size-12);
    flex: 1 1 0
}

@media only screen and (max-width: 1024px) {
    ._container_3z7ty_1 {
        display: flex;
        flex-direction: column;
        gap: var(--size-28)
    }

    ._plusThreeContainer_3z7ty_11 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: var(--size-40)
    }

    ._plusThreeContainer_3z7ty_11>:first-child {
        grid-column: 2;
        grid-row: 1
    }

    ._plusThreeContainer_3z7ty_11>:nth-child(2) {
        grid-column: 1;
        grid-row: 1
    }

    ._miniPost_3z7ty_17 {
        border-top: none;
        padding-top: 0
    }
}

._outerContainer_21gv5_1 {
    background-color: var(--color-bg-secondary-themed);
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin: var(--size-32) -50vw
}

._outerContainer_21gv5_1._thebulwark_21gv5_10 {
    background-color: #f7f2ee
}

._innerContainer_21gv5_14 {
    max-width: min(100%, var(--container-max-width, 1248px));
    margin: 0 auto;
    box-sizing: content-box;
    padding-left: var(--size-16);
    padding-right: var(--size-16)
}

._innerContainer_21gv5_14 .button-wrapper,
._innerContainer_21gv5_14 .subscribe-widget {
    margin-bottom: 0
}

._innerContainer_21gv5_14 .subtle-help-text {
    display: none
}

._thebulwark_21gv5_10 ._logoContainer_21gv5_31,
._thebulwark_21gv5_10 ._ctaContainer_21gv5_32 {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0
}

._thebulwark_21gv5_10 ._ctaContainer_21gv5_32 {
    display: flex;
    justify-content: flex-end
}

._thebulwark_21gv5_10 ._message_21gv5_43 {
    font-style: italic;
    font-weight: var(--font-weight-medium) !important
}

._container_j7gg2_1 {
    display: flex
}

._containerNoImage_j7gg2_5 {
    display: block
}

._videoLayer_j7gg2_9,
._contentLayer_j7gg2_14 {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    ._contentLayer_j7gg2_14 {
        height: auto;
        left: 0;
        bottom: 0
    }
}

._content_j7gg2_14 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
    box-sizing: border-box
}

._image_j7gg2_34 {
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%
}

@media (max-width: 768px) {
    ._image_j7gg2_34 {
        border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0
    }
}

._flippedImageContainer_j7gg2_48 {
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm)
}

._flippedImage_j7gg2_48._flippedImage_j7gg2_48 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scaleX(-1)
}

@media (max-width: 768px) {
    ._flippedImageContainer_j7gg2_48 {
        border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm)
    }

    ._flippedImage_j7gg2_48 {
        width: 100%;
        transform: scaleY(-1)
    }
}

._blurOverlay_j7gg2_72 {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    -webkit-mask: linear-gradient(to right, rgb(0 0 0 / 1), rgb(0 0 0 / 1) calc(100% - 700px), rgb(0 0 0 / 0) calc(100% - 500px), rgb(0 0 0 / 0));
    mask: linear-gradient(to right, rgb(0 0 0 / 1), rgb(0 0 0 / 1) calc(100% - 700px), rgb(0 0 0 / 0) calc(100% - 500px), rgb(0 0 0 / 0))
}

@media (max-width: 768px) {
    ._blurOverlay_j7gg2_72 {
        -webkit-mask: linear-gradient(to top, rgb(0 0 0 / 1), rgb(0 0 0 / 1) 180px, rgb(0 0 0 / 0));
        mask: linear-gradient(to top, rgb(0 0 0 / 1), rgb(0 0 0 / 1) 180px, rgb(0 0 0 / 0))
    }
}

._darkOverlay_j7gg2_89 {
    background: linear-gradient(to right, rgb(0 0 0 / .6), rgb(0 0 0 / 0));
    pointer-events: none
}

@media (max-width: 768px) {
    ._darkOverlay_j7gg2_89 {
        background: linear-gradient(to top, rgb(0 0 0 / .6), rgba(0, 0, 0, 0))
    }
}

._postTitleMobile_j7gg2_100 {
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

._liveStreamBanner_1rihu_1 {
    background-color: var(--material-dark-thick);
    color: var(--color-light-utility-white)
}

._liveBadge_1rihu_6 {
    background-color: var(--color-accent-fg-red);
    border-radius: 4px;
    text-transform: uppercase;
    padding-left: 6px;
    padding-right: 6px
}

._container_u4d6z_1 {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: min(100%, var(--container-max-width, 1248px));
    padding-left: var(--container-horizontal-padding, var(--size-16));
    padding-right: var(--container-horizontal-padding, var(--size-16))
}

@media only screen and (max-width: 1024px) {
    ._container_u4d6z_1 {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }
}

@media only screen and (max-width: 768px) {
    ._container_u4d6z_1 {
        margin: 0;
        padding: 0 var(--container-horizontal-padding-mobile, 0)
    }

    ._bodyContainer_u4d6z_22 {
        padding: 0 var(--body-container-horizontal-padding-mobile, var(--size-16))
    }
}

._container--empty_u4d6z_27 {
    padding-top: 120px;
    font-weight: 700;
    opacity: .4
}

._logo_u0vxt_1 {
    width: 300px;
    height: 300px;
    border-radius: var(--border-radius-sm)
}

._bodyContainer_q4p5y_1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr)
}

._bodyContainer_q4p5y_1>:first-child {
    grid-column: 1 / span 3
}

._bodyContainer_q4p5y_1>:nth-child(2) {
    grid-column: 5 / span 1
}

@media (max-width: 768px) {
    ._bodyContainer_q4p5y_1 {
        display: flex;
        flex-direction: column;
        gap: var(--size-32)
    }

    ._bodyContainer_q4p5y_1>:first-child {
        order: 2
    }

    ._bodyContainer_q4p5y_1>:nth-child(2) {
        order: 1
    }
}

._label_1wgvq_1._label_1wgvq_1._label_1wgvq_1 {
    padding: 0
}

._toast_5vkm4_1 {
    z-index: 11;
    margin-bottom: 72px
}

@media screen and (max-width: 650px) {
    ._toast_5vkm4_1 {
        margin-bottom: 20px
    }
}

._cta_5vkm4_11 {
    color: #fff;
    font-family: SF Pro Text, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-semibold);
    text-decoration: none
}

._modal_5vkm4_20 {
    z-index: 10
}

@keyframes rotate {
    0% {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}

@keyframes pop_1_5 {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }
}

@keyframes processing-fade {
    0% {
        opacity: .4
    }

    to {
        opacity: .8
    }
}

@keyframes fade-in {

    0%,
    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes silhouette-scroll {
    0% {
        transform: translateX(-50%)
    }

    50% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes highlight-fade {

    0%,
    66% {
        background-color: var(--highlight-bg);
        box-shadow: 0 0 0 var(--size-8) var(--highlight-bg)
    }

    to {
        background-color: transparent;
        box-shadow: 0 0 0 var(--size-8) transparent
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
}

@keyframes waitingAnimation {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(160px)
    }
}

.reader_font_base,
.reader_font_button {
    font-family: var(--font-family-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    color: var(--color-fg-primary)
}

.reader_font_button {
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-14);
    font-weight: var(--font-weight-semibold)
}

.reader_font_meta {
    color: var(--color-fg-secondary);
    font-family: var(--font-family-meta);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-meta);
    text-transform: uppercase
}

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

.reader2-text-primary {
    color: var(--color-fg-primary)
}

:not(.custom-loader).loader,
:not(.custom-loader).loader-big {
    position: relative
}

:not(.custom-loader).loader-big:after,
:not(.custom-loader).loader:after {
    display: block;
    position: absolute;
    margin: -4px 0 0 -4px;
    top: 50%;
    left: 50%;
    height: 8px;
    width: 8px;
    background: #ddd;
    border-radius: var(--border-radius-full);
    animation: pop_1_5 1.5s infinite ease;
    content: ''
}

:not(.custom-loader).loader-big.loader-big:after,
:not(.custom-loader).loader.loader-big:after {
    margin: -6px 0 0 -6px;
    height: 12px;
    width: 12px
}

.clickable {
    cursor: pointer
}

.clickable:hover:active {
    opacity: .6
}

a.button:not(.button-link).small,
a[role=button].small {
    line-height: 1em
}

.main-loader {
    font-family: var(--font_family_ui, var(--font-family-text));
    line-height: 70vh;
    color: var(--color-fg-secondary);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    text-align: center
}

.typography .body,
.typography .markup div.embedded-publication-wrap table.embedded-publication,
.typography.editor .body,
.typography.editor .markup div.embedded-publication-wrap table.embedded-publication {
    width: 100%
}

.typography .ellipsized-span,
.typography.editor .ellipsized-span {
    display: inline-block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.typography a.footnote-anchor+.ProseMirror-separator,
.typography.editor a.footnote-anchor+.ProseMirror-separator {
    display: none !important
}

.typography .page-title,
.typography .subtitle,
.typography.editor .page-title,
.typography.editor .subtitle {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    color: var(--color-fg-primary)
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography.editor h1,
.typography.editor h2,
.typography.editor h3,
.typography.editor h4,
.typography.editor h5,
.typography.editor h6 {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    margin: 1em 0 .625em;
    line-height: 1.16em
}

.typography .page-title,
.typography h1.title,
.typography.editor .page-title,
.typography.editor h1.title {
    margin: .378em 0 0;
    font-size: 40px;
    line-height: 1.1em
}

.typography .page-title a,
.typography h1.title a,
.typography.editor .page-title a,
.typography.editor h1.title a {
    text-decoration: none;
    color: var(--color-fg-primary)
}

.typography .page-title a:hover,
.typography h1.title a:hover,
.typography.editor .page-title a:hover,
.typography.editor h1.title a:hover {
    text-decoration: underline
}

.typography .page-title a.small,
.typography h1.title a.small,
.typography.editor .page-title a.small,
.typography.editor h1.title a.small {
    font-size: 12px;
    line-height: 12px
}

.typography .body>h1:first-child,
.typography .page-title,
.typography.editor .body>h1:first-child,
.typography.editor .page-title {
    margin: 0 0 1em
}

.typography h1,
.typography.editor h1 {
    font-size: 2em
}

.typography h2,
.typography.editor h2 {
    font-size: 1.625em
}

.typography h3,
.typography.editor h3 {
    font-size: 1.375em
}

.typography h4,
.typography.editor h4 {
    font-size: 1.125em
}

.typography .subtitle,
.typography.editor .subtitle {
    color: var(--print_secondary, var(--color-fg-secondary));
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
    margin: 4px 0 0
}

.typography p,
.typography.editor p {
    line-height: 1.6em;
    margin: 0 0 var(--size-20) 0
}

.typography p.no-margin,
.typography.editor p.no-margin {
    margin: 0
}

.typography .markup table.image-wrapper td,
.typography .markup table.kindle-wrapper td,
.typography p.centered,
.typography.editor .markup table.image-wrapper td,
.typography.editor .markup table.kindle-wrapper td,
.typography.editor p.centered {
    text-align: center
}

.typography .latex-rendered,
.typography.editor .latex-rendered {
    margin: 0 0 var(--size-20) 0
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography p,
.typography.editor h1,
.typography.editor h2,
.typography.editor h3,
.typography.editor h4,
.typography.editor h5,
.typography.editor h6,
.typography.editor p {
    color: var(--color-fg-primary)
}

.typography h1 a,
.typography h2 a,
.typography h3 a,
.typography h4 a,
.typography h5 a,
.typography h6 a,
.typography p a,
.typography.editor h1 a,
.typography.editor h2 a,
.typography.editor h3 a,
.typography.editor h4 a,
.typography.editor h5 a,
.typography.editor h6 a,
.typography.editor p a,
a {
    color: var(--color-fg-primary);
    text-decoration: underline
}

.typography h1 a:active,
.typography h2 a:active,
.typography h3 a:active,
.typography h4 a:active,
.typography h5 a:active,
.typography h6 a:active,
.typography p a:active,
.typography.editor h1 a:active,
.typography.editor h2 a:active,
.typography.editor h3 a:active,
.typography.editor h4 a:active,
.typography.editor h5 a:active,
.typography.editor h6 a:active,
.typography.editor p a:active {
    opacity: .6
}

@supports (text-underline-offset:calc(-50% + 2px)) {

    .typography s,
    .typography.editor s {
        text-decoration: underline;
        text-underline-offset: calc(-50% + 2px);
        text-decoration-skip-ink: none;
        text-decoration-thickness: 1px
    }
}

.typography a.ui-secondary,
.typography.editor a.ui-secondary {
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--print_secondary, var(--color-fg-secondary));
    font-size: .8em
}

.typography blockquote,
.typography.editor blockquote {
    border-left: var(--size-4) solid var(--background_pop);
    margin: var(--size-20) 0;
    padding: 0
}

.typography blockquote>*,
.typography.editor blockquote>* {
    margin-left: var(--size-20)
}

.typography .pullquote,
.typography.editor .pullquote {
    border-top: var(--border-default-themed);
    border-bottom: var(--border-default-themed);
    margin: var(--size-32) auto
}

.typography .pullquote p,
.typography.editor .pullquote p {
    margin: var(--size-32) 0;
    text-align: center;
    font-weight: var(--font-weight-medium);
    font-style: italic
}

.typography .hide-text,
.typography.editor .hide-text {
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.typography pre.text,
.typography.editor pre.text {
    white-space: pre-wrap;
    font-family: Nunito, var(--font_family_body, var(--font_family_body_preset, 'Spectral', serif, var(--font-family-text)));
    font-weight: var(--font_weight_body_preset, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility
}

.typography pre:not(.text),
.typography.editor pre:not(.text) {
    position: relative;
    background: var(--color-bg-secondary-themed);
    padding: var(--size-16);
    margin: var(--size-32) 0;
    border-radius: var(--border-radius-sm);
    box-sizing: border-box
}

.typography pre:not(.text) code,
.typography.editor pre:not(.text) code {
    white-space: pre-wrap;
    font-size: var(--font-size-16);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-medium)
}

.typography ol,
.typography ul,
.typography.editor ol,
.typography.editor ul {
    margin-top: 0;
    padding: 0
}

.typography ol li p,
.typography ul li p,
.typography.editor ol li p,
.typography.editor ul li p {
    margin-bottom: 0;
    box-sizing: border-box;
    padding-left: var(--size-4)
}

.typography ol li p.button-wrapper,
.typography ul li p.button-wrapper,
.typography.editor ol li p.button-wrapper,
.typography.editor ul li p.button-wrapper {
    margin-bottom: var(--size-16)
}

.typography ol li,
.typography ul li,
.typography.editor ol li,
.typography.editor ul li {
    margin: var(--size-8) 0 0 var(--size-32)
}

.typography ol>li>ol,
.typography ol>li>ol>li>ol>li>ol>li>ol,
.typography.editor ol>li>ol,
.typography.editor ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: lower-alpha
}

.typography ol>li>ol>li>ol,
.typography ol>li>ol>li>ol>li>ol>li>ol>li>ol,
.typography.editor ol>li>ol>li>ol,
.typography.editor ol>li>ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: lower-roman
}

.typography ol>li>ol>li>ol>li>ol,
.typography ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol,
.typography.editor ol>li>ol>li>ol>li>ol,
.typography.editor ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: auto
}

.typography ol li>.captioned-image-container-static:first-child:last-child a.image-link,
.typography ol li>.captioned-image-container:first-child:last-child a.image-link,
.typography ol li>:first-child:last-child,
.typography ul li>.captioned-image-container-static:first-child:last-child a.image-link,
.typography ul li>.captioned-image-container:first-child:last-child a.image-link,
.typography ul li>:first-child:last-child,
.typography.editor ol li>.captioned-image-container-static:first-child:last-child a.image-link,
.typography.editor ol li>.captioned-image-container:first-child:last-child a.image-link,
.typography.editor ol li>:first-child:last-child,
.typography.editor ul li>.captioned-image-container-static:first-child:last-child a.image-link,
.typography.editor ul li>.captioned-image-container:first-child:last-child a.image-link,
.typography.editor ul li>:first-child:last-child {
    margin: 0
}

.typography .markup,
.typography.editor .markup {
    margin-bottom: 12px
}

.typography .markup .captioned-image-container a.image-link,
.typography .markup .captioned-image-container-static:first-child a.image-link,
.typography.editor .markup .captioned-image-container a.image-link,
.typography.editor .markup .captioned-image-container-static:first-child a.image-link {
    margin-top: 0;
    margin-bottom: 0
}

.typography .markup ::target-text,
.typography.editor .markup ::target-text {
    background: var(--color-accent-bg-orange)
}

.typography .markup .captioned-image-container-static:first-child,
.typography .markup .captioned-image-container:first-child,
.typography .markup>:first-child,
.typography.editor .markup .captioned-image-container-static:first-child,
.typography.editor .markup .captioned-image-container:first-child,
.typography.editor .markup>:first-child {
    margin-top: 0
}

.typography .markup .captioned-image-container-static:last-child,
.typography .markup .captioned-image-container-static:last-child figcaption,
.typography .markup .captioned-image-container:last-child,
.typography .markup .captioned-image-container:last-child figcaption,
.typography .markup>:last-child,
.typography.editor .markup .captioned-image-container-static:last-child,
.typography.editor .markup .captioned-image-container-static:last-child figcaption,
.typography.editor .markup .captioned-image-container:last-child,
.typography.editor .markup .captioned-image-container:last-child figcaption,
.typography.editor .markup>:last-child {
    margin-bottom: 0
}

.typography .markup .captioned-image-container-static:last-child figcaption,
.typography .markup .captioned-image-container:last-child figcaption,
.typography.editor .markup .captioned-image-container-static:last-child figcaption,
.typography.editor .markup .captioned-image-container:last-child figcaption {
    padding-bottom: 0
}

.typography ul li,
.typography.editor ul li {
    mso-special-format: bullet
}

.typography .markup,
.typography.editor .markup {
    word-break: break-word;
    margin-bottom: var(--size-16)
}

.typography .preamble,
.typography.editor .preamble {
    margin-top: var(--size-16)
}

.typography .preamble hr,
.typography.editor .preamble hr {
    margin: var(--size-16) 0 0
}

.typography .markup img,
.typography.editor .markup img {
    display: block;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.typography .markup img.sizing-large,
.typography.editor .markup img.sizing-large {
    max-width: calc(100vw - 30px);
    margin: 0
}

.typography .markup img.sizing-fullscreen,
.typography.editor .markup img.sizing-fullscreen {
    flex: 1 1 auto;
    max-width: none;
    height: auto;
    margin: 0
}

.typography .markup table.image-wrapper,
.typography .markup table.kindle-wrapper,
.typography.editor .markup table.image-wrapper,
.typography.editor .markup table.kindle-wrapper {
    mso-padding-alt: 1em 0 1.6em
}

.typography .markup table.image-wrapper img,
.typography .markup table.kindle-wrapper img,
.typography.editor .markup table.image-wrapper img,
.typography.editor .markup table.kindle-wrapper img {
    width: auto !important;
    max-width: 100%
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .typography .markup table.image-wrapper img,
    .typography .markup table.kindle-wrapper img,
    .typography.editor .markup table.image-wrapper img,
    .typography.editor .markup table.kindle-wrapper img {
        max-width: 550px
    }
}

.typography .markup table.image-wrapper img.wide-image,
.typography .markup table.kindle-wrapper img.wide-image,
.typography.editor .markup table.image-wrapper img.wide-image,
.typography.editor .markup table.kindle-wrapper img.wide-image {
    width: 100%;
    max-width: 550px
}

.typography .markup a.image-link,
.typography .markup div.image-link,
.typography.editor .markup a.image-link,
.typography.editor .markup div.image-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    width: auto;
    height: auto;
    border: 0;
    text-decoration: none
}

.typography .markup td a.image-link,
.typography.editor .markup td a.image-link {
    margin: 0
}

.form-styles div.error-box,
.typography .image-link,
.typography.editor .image-link {
    position: relative
}

.typography .image-link.is-viewable-img,
.typography.editor .image-link.is-viewable-img {
    cursor: zoom-in
}

.typography .image-link:hover .image-link-expand,
.typography.editor .image-link:hover .image-link-expand {
    opacity: 1
}

.typography .image-link.placeholder,
.typography .image-link.processing,
.typography.editor .image-link.placeholder,
.typography.editor .image-link.processing {
    cursor: progress
}

.typography .image-link.placeholder .image2-inset,
.typography .image-link.processing .image2-inset,
.typography.editor .image-link.placeholder .image2-inset,
.typography.editor .image-link.processing .image2-inset {
    background-color: var(--color-bg-secondary)
}

.typography .image-link.placeholder img,
.typography .image-link.processing img,
.typography.editor .image-link.placeholder img,
.typography.editor .image-link.processing img {
    transition: filter var(--animation-timing-slow) var(--animation-smoothing), opacity var(--animation-timing-slow) var(--animation-smoothing);
    animation: processing-fade 1s infinite alternate ease-in-out;
    filter: grayscale(75%)
}

.typography .image2-inset,
.typography.editor .image2-inset {
    position: relative;
    display: flex
}

.typography .image2-inset.image2-full-screen,
.typography.editor .image2-inset.image2-full-screen {
    width: 100vw
}

.typography .image2-inset.image2-full-screen picture,
.typography.editor .image2-inset.image2-full-screen picture {
    display: flex;
    flex: 1 1 auto
}

.typography .image-link-expand,
.typography.editor .image-link-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--size-12);
    right: var(--size-12);
    width: var(--size-32);
    height: var(--size-32);
    background: var(--color-utility-modal);
    background: var(--material-dark-regular);
    border-radius: var(--border-radius-sm);
    backdrop-filter: var(--material-blur);
    transition: all var(--animation-timing-fast) var(--animation-smoothing);
    cursor: pointer;
    opacity: 0
}

.typography .image-link-expand svg,
.typography.editor .image-link-expand svg {
    stroke: var(--color-utility-white)
}

.typography .image-link-expand:hover,
.typography.editor .image-link-expand:hover {
    background: var(--material-dark-thick)
}

.typography .markup iframe.spotify-wrap,
.typography.editor .markup iframe.spotify-wrap {
    display: block;
    top: 0;
    left: 0;
    margin: var(--size-32) auto;
    padding: 0;
    height: 152px;
    width: 100%;
    max-width: 550px;
    text-decoration: none;
    border-radius: var(--border-radius-md)
}

.typography .markup iframe.spotify-wrap.podcast,
.typography.editor .markup iframe.spotify-wrap.podcast {
    height: 152px
}

.typography .markup iframe.spotify-wrap.album,
.typography .markup iframe.spotify-wrap.artist,
.typography .markup iframe.spotify-wrap.playlist,
.typography.editor .markup iframe.spotify-wrap.album,
.typography.editor .markup iframe.spotify-wrap.artist,
.typography.editor .markup iframe.spotify-wrap.playlist {
    height: 380px
}

.typography .markup a.soundcloud-wrap,
.typography.editor .markup a.soundcloud-wrap {
    max-width: 398px
}

.typography .markup div.soundcloud-wrap,
.typography.editor .markup div.soundcloud-wrap {
    max-width: 398px;
    height: 116px
}

.typography .markup a.bandcamp-wrap,
.typography.editor .markup a.bandcamp-wrap {
    max-width: 700px
}

.typography .markup div.bandcamp-wrap,
.typography.editor .markup div.bandcamp-wrap {
    max-width: 700px;
    height: 120px
}

.typography .markup div.bandcamp-wrap.album,
.typography.editor .markup div.bandcamp-wrap.album {
    height: 241px
}

.typography .markup a.bandcamp-wrap,
.typography .markup a.soundcloud-wrap,
.typography .markup div.bandcamp-wrap,
.typography .markup div.soundcloud-wrap,
.typography.editor .markup a.bandcamp-wrap,
.typography.editor .markup a.soundcloud-wrap,
.typography.editor .markup div.bandcamp-wrap,
.typography.editor .markup div.soundcloud-wrap {
    position: relative;
    width: 100%;
    margin: 1.6em 0
}

.typography .markup div.bandcamp-wrap iframe,
.typography .markup div.soundcloud-wrap iframe,
.typography.editor .markup div.bandcamp-wrap iframe,
.typography.editor .markup div.soundcloud-wrap iframe {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.typography .markup a.bandcamp-wrap,
.typography .markup a.soundcloud-wrap,
.typography.editor .markup a.bandcamp-wrap,
.typography.editor .markup a.soundcloud-wrap {
    display: block;
    height: 114px;
    background: #f5f5f5;
    border-radius: var(--border-radius-sm);
    border: 1px solid #e5e5e5;
    text-decoration: none
}

.typography .markup a.bandcamp-wrap img,
.typography .markup a.soundcloud-wrap img,
.typography.editor .markup a.bandcamp-wrap img,
.typography.editor .markup a.soundcloud-wrap img {
    margin: 0;
    max-width: none
}

.typography .markup a.bandcamp-wrap .thumbnail,
.typography .markup a.soundcloud-wrap .thumbnail,
.typography.editor .markup a.bandcamp-wrap .thumbnail,
.typography.editor .markup a.soundcloud-wrap .thumbnail {
    display: block;
    float: left;
    border: solid #f5f5f5;
    border-width: 7px 15px 7px 7px;
    height: 100px;
    width: 100px
}

.typography .markup a.bandcamp-wrap .play,
.typography .markup a.soundcloud-wrap .play,
.typography.editor .markup a.bandcamp-wrap .play,
.typography.editor .markup a.soundcloud-wrap .play {
    display: block;
    float: left;
    height: 43px;
    width: 43px;
    border: solid #f5f5f5;
    border-width: 33px 5px 0 0
}

.typography .markup a.bandcamp-wrap .credits,
.typography .markup a.soundcloud-wrap .credits,
.typography.editor .markup a.bandcamp-wrap .credits,
.typography.editor .markup a.soundcloud-wrap .credits {
    display: block;
    border: solid #f5f5f5;
    border-width: 37px 7px 0 0;
    font-family: Interstate, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Garuda, Verdana, Tahoma, sans-serif;
    font-weight: var(--font-weight-regular);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.email-body-container .typography .markup a.bandcamp-wrap .credits,
.email-body-container .typography .markup a.soundcloud-wrap .credits,
.email-body-container .typography.editor .markup a.bandcamp-wrap .credits,
.email-body-container .typography.editor .markup a.soundcloud-wrap .credits {
    white-space: normal
}

.typography .markup a.bandcamp-wrap .credits .author,
.typography .markup a.soundcloud-wrap .credits .author,
.typography.editor .markup a.bandcamp-wrap .credits .author,
.typography.editor .markup a.soundcloud-wrap .credits .author {
    display: block;
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline
}

.typography .markup a.bandcamp-wrap .credits .title,
.typography .markup a.soundcloud-wrap .credits .title,
.typography.editor .markup a.bandcamp-wrap .credits .title,
.typography.editor .markup a.soundcloud-wrap .credits .title {
    display: block;
    color: #333;
    font-size: var(--font-size-16);
    line-height: 18px
}

.typography .markup div.vimeo-wrap,
.typography .markup div.youtube-wrap,
.typography.editor .markup div.vimeo-wrap,
.typography.editor .markup div.youtube-wrap {
    position: relative;
    border: 0;
    margin: var(--size-32) auto
}

.typography .markup div.vimeo-wrap.ProseMirror-selectednode,
.typography .markup div.youtube-wrap.ProseMirror-selectednode,
.typography.editor .markup div.vimeo-wrap.ProseMirror-selectednode,
.typography.editor .markup div.youtube-wrap.ProseMirror-selectednode {
    border-radius: var(--border-radius-sm);
    box-shadow: var(--focus-ring);
    outline: 0
}

.typography .markup a.vimeo-wrap,
.typography .markup a.youtube-wrap,
.typography.editor .markup a.vimeo-wrap,
.typography.editor .markup a.youtube-wrap {
    display: block;
    margin: var(--size-32) 0
}

.typography .markup a.vimeo-wrap img,
.typography .markup a.youtube-wrap img,
.typography.editor .markup a.vimeo-wrap img,
.typography.editor .markup a.youtube-wrap img {
    display: block;
    width: 100%
}

.typography .markup div.vimeo-inner,
.typography .markup div.youtube-inner,
.typography.editor .markup div.vimeo-inner,
.typography.editor .markup div.youtube-inner {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    border-radius: var(--border-radius-sm)
}

.typography .markup div.vimeo-inner iframe,
.typography .markup div.youtube-inner iframe,
.typography.editor .markup div.vimeo-inner iframe,
.typography.editor .markup div.youtube-inner iframe {
    display: block;
    height: 100%;
    width: 100%;
    border: 0;
    aspect-ratio: 1.77777778;
    background-color: var(--color-bg-secondary);
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: all
}

.typography .markup div.vimeo-inner iframe.disabled,
.typography .markup div.youtube-inner iframe.disabled,
.typography.editor .markup div.vimeo-inner iframe.disabled,
.typography.editor .markup div.youtube-inner iframe.disabled {
    pointer-events: none
}

.typography .markup div.vimeo-overlay,
.typography .markup div.youtube-overlay,
.typography.editor .markup div.vimeo-overlay,
.typography.editor .markup div.youtube-overlay {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    box-sizing: border-box;
    pointer-events: all;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(25, 25, 25, .3);
    transition: var(--animate-hover);
    opacity: 0
}

@media screen and (max-width:650px) {

    .typography .markup div.vimeo-overlay,
    .typography .markup div.youtube-overlay,
    .typography.editor .markup div.vimeo-overlay,
    .typography.editor .markup div.youtube-overlay {
        display: none !important
    }
}

.typography .markup div.vimeo-overlay:not(.hidden):not(.disabled):hover,
.typography .markup div.youtube-overlay:not(.hidden):not(.disabled):hover,
.typography.editor .markup div.vimeo-overlay:not(.hidden):not(.disabled):hover,
.typography.editor .markup div.youtube-overlay:not(.hidden):not(.disabled):hover {
    opacity: 1
}

.typography .markup div.vimeo-overlay.disabled,
.typography .markup div.vimeo-overlay.hidden,
.typography .markup div.youtube-overlay.disabled,
.typography .markup div.youtube-overlay.hidden,
.typography.editor .markup div.vimeo-overlay.disabled,
.typography.editor .markup div.vimeo-overlay.hidden,
.typography.editor .markup div.youtube-overlay.disabled,
.typography.editor .markup div.youtube-overlay.hidden {
    opacity: 0;
    pointer-events: none
}

.typography .markup div.vimeo-instructions,
.typography .markup div.youtube-instructions,
.typography.editor .markup div.vimeo-instructions,
.typography.editor .markup div.youtube-instructions {
    display: flex;
    justify-content: center;
    font-size: var(--font-size-15);
    line-height: var(--line-height-20);
    letter-spacing: -.23px;
    font-family: var(--font-family-text);
    font-weight: var(--font-weight-medium);
    padding: var(--size-32) var(--size-16) var(--size-16);
    background: linear-gradient(to bottom, rgba(25, 25, 25, 0), rgba(25, 25, 25, .8))
}

.typography .markup div.prediction-market-wrap,
.typography.editor .markup div.prediction-market-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px
}

.typography .markup div.lichess-wrap iframe,
.typography .markup div.prediction-market-wrap iframe,
.typography.editor .markup div.lichess-wrap iframe,
.typography.editor .markup div.prediction-market-wrap iframe {
    max-width: 100%;
    display: block
}

.typography .markup div.datawrapper-wrap,
.typography .markup div.lichess-wrap,
.typography.editor .markup div.datawrapper-wrap,
.typography.editor .markup div.lichess-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.typography .markup div.datawrapper-wrap iframe,
.typography.editor .markup div.datawrapper-wrap iframe {
    max-width: 100%;
    display: block;
    margin-top: var(--size-12);
    margin-bottom: var(--size-24)
}

.typography .markup div.datawrapper-wrap.static,
.typography.editor .markup div.datawrapper-wrap.static {
    display: block
}

.typography .markup div.datawrapper-wrap.static .datawrapper-title,
.typography.editor .markup div.datawrapper-wrap.static .datawrapper-title {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16px;
    font-weight: 700;
    padding: 0 12px
}

.typography .markup div.datawrapper-wrap.static .datawrapper-description,
.typography.editor .markup div.datawrapper-wrap.static .datawrapper-description {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    padding: 0 12px
}

.typography .markup div.tiktok-wrap,
.typography.editor .markup div.tiktok-wrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    z-index: 0;
    max-width: 100vw;
    width: 325px;
    height: 800px;
    padding: 3px;
    margin: 2em auto;
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text))
}

.substack-frame-body .typography .markup div.tiktok-wrap,
.substack-frame-body .typography.editor .markup div.tiktok-wrap {
    height: 700px
}

@media screen and (max-width:370px) {

    .typography .markup div.tiktok-wrap,
    .typography.editor .markup div.tiktok-wrap {
        width: calc(95vw - 32px);
        height: calc((95vw - 32px - 2px)/.485714)
    }
}

.typography .markup div.tiktok-wrap.static,
.typography.editor .markup div.tiktok-wrap.static {
    border: 1px solid #e0e0e0;
    width: 260px;
    height: auto;
    background-color: #fff;
    font-size: 14px
}

.typography .markup div.tiktok-wrap .tiktok-wrap.static,
.typography.editor .markup div.tiktok-wrap .tiktok-wrap.static {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    height: 700px;
    width: 100%;
    z-index: 0;
    opacity: 1;
    margin: 0
}

.typography .markup div.tiktok-wrap .tiktok-wrap.static.hidden,
.typography.editor .markup div.tiktok-wrap .tiktok-wrap.static.hidden {
    z-index: -1;
    animation-name: fade-out;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .5s;
    opacity: 0
}

.typography .markup div.tiktok-wrap .tiktok-wrap.static .content,
.typography.editor .markup div.tiktok-wrap .tiktok-wrap.static .content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 12px 12px 10px;
    padding: 0
}

.typography .markup div.tiktok-wrap .tiktok-wrap.static .content .title,
.typography.editor .markup div.tiktok-wrap .tiktok-wrap.static .content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.typography .markup div.tiktok-wrap iframe,
.typography.editor .markup div.tiktok-wrap iframe {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.typography .markup div.tiktok-wrap iframe.visible,
.typography.editor .markup div.tiktok-wrap iframe.visible {
    z-index: 0;
    display: block
}

.typography .markup div.tiktok-wrap img.thumbnail,
.typography.editor .markup div.tiktok-wrap img.thumbnail {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.typography .markup div.tiktok-wrap .content,
.typography.editor .markup div.tiktok-wrap .content {
    padding: 12px 12px 14px
}

.typography .markup div.tiktok-wrap .content a,
.typography.editor .markup div.tiktok-wrap .content a {
    display: block;
    color: var(--color-light-primary);
    text-decoration: none
}

.typography .markup div.tiktok-wrap .content a.author,
.typography.editor .markup div.tiktok-wrap .content a.author {
    font-weight: var(--font-weight-semibold)
}

.typography .markup div.tiktok-wrap .content a.title,
.typography.editor .markup div.tiktok-wrap .content a.title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 120%
}

.typography .markup div.tiktok-wrap .fallback-failure,
.typography.editor .markup div.tiktok-wrap .fallback-failure {
    display: flex;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 670px;
    text-align: center;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    z-index: -2;
    border-radius: var(--border-radius-sm)
}

.typography .markup div.tiktok-wrap .fallback-failure.no-border,
.typography.editor .markup div.tiktok-wrap .fallback-failure.no-border {
    border: 0;
    height: 100%;
    background-color: transparent
}

.typography .markup div.tiktok-wrap .fallback-failure .error-content,
.typography.editor .markup div.tiktok-wrap .fallback-failure .error-content {
    margin: 0 16px;
    opacity: 0
}

.typography .markup div.tiktok-wrap .fallback-failure .error-content .error-icon,
.typography.editor .markup div.tiktok-wrap .fallback-failure .error-content .error-icon {
    height: 64px;
    margin-bottom: 12px
}

.typography .markup div.tiktok-wrap .fallback-failure.visible .error-content,
.typography.editor .markup div.tiktok-wrap .fallback-failure.visible .error-content {
    animation-name: fade-in;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
    opacity: 1
}

.typography .markup div.tiktok-wrap div.tiktok-screen,
.typography.editor .markup div.tiktok-wrap div.tiktok-screen {
    cursor: pointer;
    position: absolute;
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .2);
    text-align: center;
    vertical-align: middle;
    z-index: 0
}

.typography .markup div.tiktok-wrap div.tiktok-screen .instructions,
.typography.editor .markup div.tiktok-wrap div.tiktok-screen .instructions {
    position: relative;
    top: 50%;
    visibility: hidden;
    margin: auto
}

.typography .markup div.tiktok-wrap div.tiktok-screen:not(.sunken):hover .instructions,
.typography.editor .markup div.tiktok-wrap div.tiktok-screen:not(.sunken):hover .instructions {
    transition-property: visibility;
    transition-delay: .5s;
    visibility: visible;
    color: #fff
}

.typography .markup div.tiktok-wrap div.tiktok-screen.sunken,
.typography.editor .markup div.tiktok-wrap div.tiktok-screen.sunken {
    pointer-events: initial;
    opacity: 0%;
    z-index: -2
}

.typography .markup .community-chat,
.typography.editor .markup .community-chat {
    margin: var(--size-32) 0
}

.typography .markup div.embedded-post-wrap,
.typography.editor .markup div.embedded-post-wrap {
    text-align: center;
    direction: ltr
}

.typography .markup div.embedded-post-wrap .embedded-post,
.typography.editor .markup div.embedded-post-wrap .embedded-post {
    display: block;
    text-decoration: none;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    line-height: 1.5;
    text-align: left;
    max-width: 600px;
    box-sizing: border-box;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border_subtle);
    margin: 36px auto;
    padding: 20px
}

.typography .markup div.embedded-post-wrap .embedded-post.narrow,
.typography.editor .markup div.embedded-post-wrap .embedded-post.narrow {
    margin: 20px auto
}

.typography .markup div.embedded-post-wrap .embedded-post-header,
.typography.editor .markup div.embedded-post-wrap .embedded-post-header {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border_subtle);
    margin-bottom: 20px
}

.typography .markup div.embedded-post-wrap .embedded-post-publication-logo,
.typography.editor .markup div.embedded-post-wrap .embedded-post-publication-logo {
    width: 28px;
    height: 28px;
    border-radius: var(--border-radius-sm);
    margin: 0 12px 0 0
}

.typography .markup div.embedded-post-wrap .embedded-post-publication-name,
.typography.editor .markup div.embedded-post-wrap .embedded-post-publication-name {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: 16px;
    line-height: 28px;
    font-weight: var(--font-weight-medium)
}

.typography .markup div.embedded-post-wrap .embedded-post-title-wrapper,
.typography.editor .markup div.embedded-post-wrap .embedded-post-title-wrapper {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start
}

.typography .markup div.embedded-post-wrap .embedded-post-title-icon,
.typography.editor .markup div.embedded-post-wrap .embedded-post-title-icon {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary));
    margin: unset;
    margin-right: 9px;
    display: flex;
    width: 16px;
    height: 16px;
    margin-top: 4px
}

.typography .markup div.embedded-post-wrap .embedded-post-title-icon-static,
.typography.editor .markup div.embedded-post-wrap .embedded-post-title-icon-static {
    margin-top: 5px
}

.typography .markup div.embedded-post-wrap .embedded-post-cta-icon,
.typography.editor .markup div.embedded-post-wrap .embedded-post-cta-icon {
    margin: -6px 4px -6px -8px;
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary));
    fill: var(--print_on_web_bg_color, var(--color-fg-primary));
    display: flex
}

.typography .markup div.embedded-post-wrap .embedded-post-cta-icon-static,
.typography.editor .markup div.embedded-post-wrap .embedded-post-cta-icon-static {
    margin-right: 9px
}

.typography .markup div.embedded-post-wrap .embedded-post-title,
.typography.editor .markup div.embedded-post-wrap .embedded-post-title {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    text-decoration: none
}

.typography .markup div.embedded-post-wrap .embedded-post-body,
.typography.editor .markup div.embedded-post-wrap .embedded-post-body {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    margin-top: 4px
}

.typography .markup div.embedded-post-wrap .embedded-post-cta-wrapper,
.typography.editor .markup div.embedded-post-wrap .embedded-post-cta-wrapper {
    display: inline-flex;
    box-sizing: border-box;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border_subtle);
    padding: 10px 12px;
    font-size: var(--font-size-16);
    line-height: 16px;
    margin-bottom: 16px;
    font-weight: var(--font-weight-medium);
    align-items: center
}

.typography .markup div.embedded-post-wrap .embedded-post-cta,
.typography.editor .markup div.embedded-post-wrap .embedded-post-cta {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    text-decoration: none
}

.typography .markup div.embedded-post-wrap .embedded-post-meta,
.typography.editor .markup div.embedded-post-wrap .embedded-post-meta {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 14px
}

.post .post-header .meta-author-wrap.alternative-meta tr.meta-author-wrap-row,
.typography .markup div.embedded-publication-wrap .embedded-publication-flex,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-flex {
    display: flex
}

.typography .markup div.embedded-publication-wrap .embedded-publication,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication {
    font-weight: var(--font-weight-regular);
    text-decoration: none;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    line-height: 1.5;
    text-align: left;
    max-width: 600px;
    box-sizing: border-box;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border_subtle);
    margin: 36px auto;
    padding: 24px;
    align-items: flex-start
}

.typography .markup div.embedded-publication-wrap .embedded-publication-left,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-left {
    margin-right: 16px;
    flex-shrink: 0
}

.typography .markup div.embedded-publication-wrap .embedded-publication-logo,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-logo {
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-sm);
    margin: 0 auto
}

.typography .markup div.embedded-publication-wrap .embedded-publication-link-part,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-link-part {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    text-decoration: none
}

.typography .markup div.embedded-publication-wrap .embedded-publication-name,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-name {
    margin: 0 0 2px;
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--font-weight-semibold)
}

.typography .markup div.embedded-publication-wrap .embedded-publication-hero-text,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-hero-text {
    font-size: var(--font-size-16);
    line-height: 21px;
    margin-bottom: 4px
}

.typography .markup div.embedded-publication-wrap .embedded-publication-author-name,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication-author-name {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 14px;
    line-height: 21px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
    display: block;
    text-align: center;
    padding: 24px
}

@media screen and (max-width:650px) {

    .typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe,
    .typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe {
        padding: 24px
    }
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-logo,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-logo {
    width: 56px;
    height: 56px;
    margin-bottom: 20px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-name,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-name {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 2px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-hero-text,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-hero-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 24px auto 0;
    max-width: 370px;
    width: 100%;
    height: 44px;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--background_pop);
    overflow: hidden
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .email-input,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .email-input {
    display: inline-block;
    padding: 14px 10px 14px 14px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background: var(--web_bg_color);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    -webkit-appearance: none;
    border: 0;
    color: var(--print_on_web_bg_color)
}

.typography .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .button,
.typography.editor .markup div.embedded-publication-wrap .embedded-publication.show-subscribe .embedded-publication-subscribe .button {
    display: flex;
    align-items: center;
    padding: 0 var(--size-20);
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap;
    margin-top: 0;
    min-width: 120px;
    height: 100%;
    border-radius: 0;
    background: var(--background_pop);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-semibold);
    color: var(--background_pop);
    -webkit-appearance: none
}

.typography .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-left,
.typography.editor .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-left {
    width: 40px;
    padding-right: 16px
}

.typography .markup div.embedded-publication-wrap table.embedded-publication a,
.typography.editor .markup div.embedded-publication-wrap table.embedded-publication a {
    text-decoration: none;
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.typography .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-author-name a,
.typography.editor .markup div.embedded-publication-wrap table.embedded-publication .embedded-publication-author-name a {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.typography .markup div.captioned-button-wrap .captioned-button,
.typography .markup div.captioned-button-wrap .subscription-widget,
.typography .markup div.subscription-widget-wrap .captioned-button,
.typography .markup div.subscription-widget-wrap .subscription-widget,
.typography .markup div.subscription-widget-wrap-editor .captioned-button,
.typography .markup div.subscription-widget-wrap-editor .subscription-widget,
.typography.editor .markup div.captioned-button-wrap .captioned-button,
.typography.editor .markup div.captioned-button-wrap .subscription-widget,
.typography.editor .markup div.subscription-widget-wrap .captioned-button,
.typography.editor .markup div.subscription-widget-wrap .subscription-widget,
.typography.editor .markup div.subscription-widget-wrap-editor .captioned-button,
.typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget {
    direction: ltr !important;
    display: flex;
    font-weight: var(--font-weight-regular);
    text-decoration: none;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    line-height: 1.5;
    text-align: left;
    max-width: 560px;
    margin: 24px auto;
    padding: 24px;
    align-items: flex-start
}

.typography .markup div.captioned-button-wrap .preamble,
.typography .markup div.subscription-widget-wrap .preamble,
.typography .markup div.subscription-widget-wrap-editor .preamble,
.typography.editor .markup div.captioned-button-wrap .preamble,
.typography.editor .markup div.subscription-widget-wrap .preamble,
.typography.editor .markup div.subscription-widget-wrap-editor .preamble {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 18px;
    max-width: 384px;
    width: fit-content;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: var(--font-weight-regular);
    margin-left: auto;
    margin-right: auto
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe,
.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,
.typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe,
.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe,
.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,
.typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe {
    display: block;
    text-align: center;
    padding: 0 32px
}

@media screen and (max-width:650px) {

    .typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe,
    .typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,
    .typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe,
    .typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe,
    .typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe,
    .typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe {
        padding: 0 24px
    }
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,
.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,
.typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe,
.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,
.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe,
.typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    max-width: 387px;
    width: 100%;
    max-height: 52px;
    height: 100px;
    margin-left: auto;
    margin-right: auto
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,
.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,
.typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,
.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,
.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input,
.typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .email-input {
    display: inline-block;
    padding: 10px 12px;
    box-sizing: border-box;
    height: 52px;
    width: 100%;
    background: var(--web_bg_color, var(--color-bg-primary));
    border: 1px solid var(--background_pop);
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16px;
    line-height: 19px;
    -webkit-appearance: none
}

.typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
.typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
.typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
.typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
.typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
.typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .button {
    margin-top: 0;
    padding: 10px 12px;
    min-width: 110px;
    height: 52px;
    background: var(--background_pop);
    border: 1px solid var(--background_pop);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: 16px;
    color: var(--print_on_pop);
    font-weight: var(--font-weight-medium)
}

@media screen and (max-width:650px) {

    .typography .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
    .typography .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
    .typography .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
    .typography.editor .markup div.captioned-button-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
    .typography.editor .markup div.subscription-widget-wrap .subscription-widget.show-subscribe .subscription-widget-subscribe .button,
    .typography.editor .markup div.subscription-widget-wrap-editor .subscription-widget.show-subscribe .subscription-widget-subscribe .button {
        padding: 10px 12px;
        min-width: 110px
    }
}

.typography .markup div.kindle-wrap,
.typography.editor .markup div.kindle-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 550px;
    height: 0;
    margin: 1.6em 0
}

.typography .markup div.kindle-wrap iframe,
.typography.editor .markup div.kindle-wrap iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #f7f7f7
}

.typography .markup a.kindle-wrap,
.typography.editor .markup a.kindle-wrap {
    display: block;
    margin: 1.6em 0
}

.typography .markup a.kindle-wrap img,
.typography.editor .markup a.kindle-wrap img {
    display: block;
    width: 100%
}

.typography .markup .tweet,
.typography.editor .markup .tweet {
    background: var(--color-bg-elevated-primary);
    color: var(--color-fg-primary);
    display: flex;
    flex-direction: column;
    gap: var(--size-12);
    max-width: 550px;
    margin: var(--size-32) auto;
    border: var(--border-default);
    direction: ltr;
    border-radius: var(--border-radius-md);
    padding: var(--size-16) var(--size-16) var(--size-12);
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    line-height: var(--font-size-20);
    font-weight: var(--font-weight-regular);
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    transition: var(--animate-hover)
}

@media (max-width:650px) {

    .typography .markup .tweet,
    .typography.editor .markup .tweet {
        padding: var(--size-12)
    }
}

.typography .markup .tweet.static,
.typography .markup .tweet.static>a,
.typography.editor .markup .tweet.static,
.typography.editor .markup .tweet.static>a {
    display: block
}

.typography .markup .tweet.static .tweet-header,
.typography.editor .markup .tweet.static .tweet-header {
    display: block;
    margin-bottom: var(--size-12);
    height: var(--size-48)
}

.typography .markup .tweet.static .tweet-header .tweet-header-avatar,
.typography.editor .markup .tweet.static .tweet-header .tweet-header-avatar {
    float: left;
    margin-right: var(--size-12)
}

.typography .markup .tweet.static .tweet-header .tweet-header-text,
.typography.editor .markup .tweet.static .tweet-header .tweet-header-text {
    display: block;
    padding-top: var(--size-4)
}

.typography .markup .tweet.static .tweet-header .tweet-header-text .tweet-author-handle,
.typography .markup .tweet.static .tweet-header .tweet-header-text .tweet-author-name,
.typography.editor .markup .tweet.static .tweet-header .tweet-header-text .tweet-author-handle,
.typography.editor .markup .tweet.static .tweet-header .tweet-header-text .tweet-author-name {
    display: block
}

.typography .markup .tweet.static .tweet-footer,
.typography.editor .markup .tweet.static .tweet-footer {
    display: block;
    margin-top: var(--size-12)
}

.typography .markup .tweet.static .tweet-footer hr,
.typography.editor .markup .tweet.static .tweet-footer hr {
    margin: var(--size-12) 0
}

.typography .markup .tweet.static .tweet-footer .tweet-ufi,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi {
    display: block;
    height: var(--size-20)
}

.typography .markup .tweet.static .tweet-footer .tweet-ufi .likes,
.typography .markup .tweet.static .tweet-footer .tweet-ufi .retweets,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .likes,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .retweets {
    display: block;
    float: left;
    margin-right: var(--size-24)
}

.typography .markup .tweet.static .tweet-footer .tweet-ufi .likes .like-count,
.typography .markup .tweet.static .tweet-footer .tweet-ufi .likes .rt-count,
.typography .markup .tweet.static .tweet-footer .tweet-ufi .retweets .like-count,
.typography .markup .tweet.static .tweet-footer .tweet-ufi .retweets .rt-count,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .likes .like-count,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .likes .rt-count,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .retweets .like-count,
.typography.editor .markup .tweet.static .tweet-footer .tweet-ufi .retweets .rt-count {
    margin-right: var(--size-4)
}

.typography .markup .tweet.static .tweet-text,
.typography.editor .markup .tweet.static .tweet-text {
    margin-bottom: var(--size-16)
}

.typography .markup .tweet.static .tweet-photos-container,
.typography .markup .tweet.static .tweet-video-wrapper,
.typography.editor .markup .tweet.static .tweet-photos-container,
.typography.editor .markup .tweet.static .tweet-video-wrapper {
    display: block
}

.typography .markup .tweet.static .tweet-photos-container.two,
.typography.editor .markup .tweet.static .tweet-photos-container.two {
    height: 200px
}

.typography .markup .tweet.static .tweet-photos-column,
.typography.editor .markup .tweet.static .tweet-photos-column {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    outline: 2px solid var(--color-bg-primary);
    padding: 0;
    height: 100%
}

.typography .markup .tweet.static .tweet-photo-wrapper,
.typography.editor .markup .tweet.static .tweet-photo-wrapper {
    width: 100%;
    height: 100%
}

.typography .markup .tweet.static .tweet-photo-wrapper.half-height-container,
.typography.editor .markup .tweet.static .tweet-photo-wrapper.half-height-container {
    height: 50%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 1px solid var(--color-bg-primary)
}

.typography .markup .tweet.static .quote-tweet,
.typography.editor .markup .tweet.static .quote-tweet {
    display: block;
    margin-top: var(--size-16)
}

.typography .markup .tweet.static .quote-tweet .quote-tweet-header,
.typography.editor .markup .tweet.static .quote-tweet .quote-tweet-header {
    display: block;
    margin-bottom: var(--size-8)
}

.typography .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-avatar,
.typography.editor .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-avatar {
    float: left;
    margin-right: var(--size-8)
}

.typography .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-text,
.typography .markup .tweet.static a.expanded-link,
.typography.editor .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-text,
.typography.editor .markup .tweet.static a.expanded-link {
    display: block
}

.typography .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-name,
.typography.editor .markup .tweet.static .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-name {
    margin-right: var(--size-4)
}

.typography .markup .tweet.static a.expanded-link .expanded-link-bottom,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-bottom {
    display: flex;
    flex-direction: column;
    padding: var(--size-12);
    gap: 2px;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet.static a.expanded-link .expanded-link-img,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-img {
    margin: 0 auto;
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
    width: 100%
}

.typography .markup .tweet.static a.expanded-link .expanded-link-bottom,
.typography .markup .tweet.static a.expanded-link .expanded-link-title,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-bottom,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-title {
    display: block
}

.typography .markup .tweet.static a.expanded-link .expanded-link-description,
.typography .markup .tweet.static a.expanded-link .expanded-link-domain,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-description,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-domain {
    display: block;
    margin-bottom: 2px
}

.typography .markup .tweet.static a.expanded-link .expanded-link-title,
.typography.editor .markup .tweet.static a.expanded-link .expanded-link-title {
    margin-bottom: 2px
}

.typography .markup .tweet:hover,
.typography.editor .markup .tweet:hover {
    box-shadow: var(--shadow-md)
}

.typography .markup .tweet>a,
.typography.editor .markup .tweet>a {
    display: flex;
    flex-direction: column;
    gap: var(--size-12);
    text-decoration: none;
    white-space: pre-wrap;
    color: var(--color-fg-primary)
}

.typography .markup .tweet .tweet-header,
.typography.editor .markup .tweet .tweet-header {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--size-12)
}

.typography .markup .tweet .tweet-header .tweet-header-text,
.typography.editor .markup .tweet .tweet-header .tweet-header-text {
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet .tweet-header .tweet-header-text .tweet-author-name,
.typography.editor .markup .tweet .tweet-header .tweet-header-text .tweet-author-name {
    font-weight: var(--font-weight-semibold)
}

.typography .markup .tweet .tweet-header .tweet-header-text .tweet-author-handle,
.typography.editor .markup .tweet .tweet-header .tweet-header-text .tweet-author-handle {
    color: var(--color-fg-secondary)
}

.typography .markup .tweet .tweet-header .tweet-header-avatar,
.typography.editor .markup .tweet .tweet-header .tweet-header-avatar {
    width: var(--size-48);
    height: var(--size-48);
    border-radius: var(--border-radius-full);
    margin: 0
}

.typography .markup .tweet .tweet-text,
.typography.editor .markup .tweet .tweet-text {
    font-size: var(--font-size-20);
    line-height: var(--line-height-24)
}

.typography .markup .tweet .tweet-text>a,
.typography.editor .markup .tweet .tweet-text>a {
    text-decoration: none;
    color: var(--color-fg-primary)
}

@media (max-width:650px) {

    .typography .markup .tweet .tweet-text,
    .typography.editor .markup .tweet .tweet-text {
        font-size: var(--font-size-14);
        line-height: var(--font-size-20)
    }
}

.typography .markup .tweet .tweet-footer,
.typography.editor .markup .tweet .tweet-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-8);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet .tweet-footer .tweet-date,
.typography.editor .markup .tweet .tweet-footer .tweet-date {
    flex: 1;
    color: var(--color-fg-secondary)
}

.typography .markup .tweet .tweet-footer hr,
.typography.editor .markup .tweet .tweet-footer hr {
    margin: var(--size-4) 0;
    background: var(--color-utility-detail);
    width: 100%
}

.typography .markup .tweet .tweet-footer .tweet-ufi,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi {
    display: flex;
    gap: var(--size-24);
    align-items: center
}

.typography .markup .tweet .tweet-footer .tweet-ufi .likes,
.typography .markup .tweet .tweet-footer .tweet-ufi .retweets,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .likes,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .retweets {
    display: flex;
    gap: var(--size-4);
    text-decoration: none;
    color: var(--color-fg-secondary);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet .tweet-footer .tweet-ufi .likes .like-count,
.typography .markup .tweet .tweet-footer .tweet-ufi .likes .rt-count,
.typography .markup .tweet .tweet-footer .tweet-ufi .retweets .like-count,
.typography .markup .tweet .tweet-footer .tweet-ufi .retweets .rt-count,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .likes .like-count,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .likes .rt-count,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .retweets .like-count,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .retweets .rt-count {
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg-primary)
}

.typography .markup .tweet .tweet-footer .tweet-ufi .likes:hover,
.typography .markup .tweet .tweet-footer .tweet-ufi .retweets:hover,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .likes:hover,
.typography.editor .markup .tweet .tweet-footer .tweet-ufi .retweets:hover {
    text-decoration: underline
}

.typography .markup .tweet .tweet-video-wrapper,
.typography.editor .markup .tweet .tweet-video-wrapper {
    display: flex;
    cursor: pointer;
    margin: var(--size-4) 0;
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-sizing: border-box
}

.typography .markup .tweet .tweet-video,
.typography.editor .markup .tweet .tweet-video {
    cursor: pointer;
    width: 100%;
    height: auto
}

.typography .markup .tweet .tweet-photo,
.typography.editor .markup .tweet .tweet-photo {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.typography .markup .tweet .tweet-photos-container,
.typography .markup .tweet a.expanded-link,
.typography.editor .markup .tweet .tweet-photos-container,
.typography.editor .markup .tweet a.expanded-link {
    display: flex;
    gap: 2px;
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    overflow: hidden
}

.typography .markup .tweet .tweet-photos-container.one .tweet-photo,
.typography.editor .markup .tweet .tweet-photos-container.one .tweet-photo {
    max-height: 550px
}

.typography .markup .tweet .tweet-photos-container.four,
.typography .markup .tweet .tweet-photos-container.three,
.typography .markup .tweet .tweet-photos-container.two,
.typography.editor .markup .tweet .tweet-photos-container.four,
.typography.editor .markup .tweet .tweet-photos-container.three,
.typography.editor .markup .tweet .tweet-photos-container.two {
    height: 320px
}

@media (max-width:650px) {

    .typography .markup .tweet .tweet-photos-container.four,
    .typography .markup .tweet .tweet-photos-container.three,
    .typography .markup .tweet .tweet-photos-container.two,
    .typography.editor .markup .tweet .tweet-photos-container.four,
    .typography.editor .markup .tweet .tweet-photos-container.three,
    .typography.editor .markup .tweet .tweet-photos-container.two {
        height: 200px
    }
}

.typography .markup .tweet .tweet-photos-column,
.typography.editor .markup .tweet .tweet-photos-column {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 0
}

.typography .markup .tweet .tweet-photo-wrapper,
.typography.editor .markup .tweet .tweet-photo-wrapper {
    width: 100%;
    height: 100%
}

.typography .markup .tweet .half-height-container,
.typography.editor .markup .tweet .half-height-container {
    height: 50%
}

.typography .markup .tweet a.expanded-link,
.typography.editor .markup .tweet a.expanded-link {
    flex-direction: column;
    text-decoration: none;
    gap: 0
}

.typography .markup .tweet a.expanded-link .expanded-link-bottom,
.typography.editor .markup .tweet a.expanded-link .expanded-link-bottom {
    display: flex;
    flex-direction: column;
    padding: var(--size-12);
    gap: 2px;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet a.expanded-link .expanded-link-img,
.typography.editor .markup .tweet a.expanded-link .expanded-link-img {
    cursor: pointer;
    width: 100%;
    max-height: 280px;
    max-width: 100%;
    object-fit: cover
}

@media (max-width:650px) {

    .typography .markup .tweet a.expanded-link .expanded-link-img,
    .typography.editor .markup .tweet a.expanded-link .expanded-link-img {
        max-height: 180px
    }
}

.typography .markup .tweet a.expanded-link .expanded-link-title,
.typography.editor .markup .tweet a.expanded-link .expanded-link-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.typography .markup .tweet a.expanded-link .expanded-link-description,
.typography.editor .markup .tweet a.expanded-link .expanded-link-description {
    color: var(--color-fg-secondary);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media (max-width:650px) {

    .typography .markup .tweet a.expanded-link .expanded-link-description,
    .typography.editor .markup .tweet a.expanded-link .expanded-link-description {
        display: none
    }
}

.typography .markup .tweet a.expanded-link .expanded-link-domain,
.typography.editor .markup .tweet a.expanded-link .expanded-link-domain {
    color: var(--color-fg-secondary);
    text-transform: lowercase
}

.typography .markup .tweet .tweet-fake-link,
.typography .markup .tweet .tweet-url,
.typography.editor .markup .tweet .tweet-fake-link,
.typography.editor .markup .tweet .tweet-url {
    color: var(--color-accent-fg-cyan)
}

.typography .markup .tweet .quote-tweet,
.typography.editor .markup .tweet .quote-tweet {
    display: flex;
    flex-direction: column;
    gap: var(--size-8);
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    padding: var(--size-12);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet .quote-tweet .quote-tweet-header,
.typography.editor .markup .tweet .quote-tweet .quote-tweet-header {
    display: flex;
    flex-direction: row;
    gap: var(--size-8);
    align-items: center
}

.typography .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-avatar,
.typography.editor .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-avatar {
    width: var(--size-20);
    height: var(--size-20);
    border-radius: var(--border-radius-full);
    margin: 0
}

.typography .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text,
.typography.editor .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text {
    display: flex;
    flex-direction: row;
    gap: var(--size-4);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.typography .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-name,
.typography.editor .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-name {
    font-weight: var(--font-weight-semibold);
    display: inline-block
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer p.learn-more a,
.typography .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-username,
.typography.editor .markup .tweet .quote-tweet .quote-tweet-header .quote-tweet-header-text .quote-tweet-username {
    color: var(--color-fg-secondary)
}

.typography .markup .instagram,
.typography.editor .markup .instagram {
    direction: ltr;
    background-color: #fff;
    position: relative;
    margin: 2em auto;
    max-width: 342px;
    border: 1px solid #dbdbdb;
    border-radius: var(--border-radius-sm);
    font-family: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.typography .markup .instagram .instagram-top-bar,
.typography.editor .markup .instagram .instagram-top-bar {
    padding: 7px 10px;
    height: 30px;
    line-height: 30px
}

.typography .markup .instagram .instagram-top-bar .instagram-author-image,
.typography.editor .markup .instagram .instagram-top-bar .instagram-author-image {
    display: inline-block;
    margin-right: 10px
}

.typography .markup .instagram .instagram-top-bar .instagram-author-image img,
.typography.editor .markup .instagram .instagram-top-bar .instagram-author-image img {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: var(--border-radius-md)
}

.typography .markup .instagram .instagram-top-bar a.instagram-author-name,
.typography.editor .markup .instagram .instagram-top-bar a.instagram-author-name {
    color: var(--color-fg-primary);
    vertical-align: top;
    font-weight: var(--font-weight-semibold);
    text-decoration: none
}

.typography .markup .instagram .instagram-image img,
.typography.editor .markup .instagram .instagram-image img {
    width: 100%
}

.typography .markup .instagram .instagram-bottom-bar,
.typography.editor .markup .instagram .instagram-bottom-bar {
    padding: 10px
}

.typography .markup .instagram .instagram-bottom-bar .instagram-title,
.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title {
    line-height: 18px;
    color: var(--color-fg-primary)
}

.typography .markup .instagram .instagram-bottom-bar .instagram-title a,
.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title a {
    color: #003569;
    text-decoration: none
}

.typography .captioned-image-container figcaption a,
.typography .captioned-image-container-static a,
.typography .footnote a:hover,
.typography .markup .instagram .instagram-bottom-bar .instagram-title a:hover,
.typography a.footnote-anchor:hover,
.typography.editor .captioned-image-container figcaption a,
.typography.editor .captioned-image-container-static a,
.typography.editor .footnote a:hover,
.typography.editor .markup .instagram .instagram-bottom-bar .instagram-title a:hover,
.typography.editor a.footnote-anchor:hover {
    text-decoration: underline
}

.typography .markup .instagram .instagram-bottom-bar .instagram-timestamp,
.typography.editor .markup .instagram .instagram-bottom-bar .instagram-timestamp {
    margin-top: 4px;
    color: #999;
    font-size: 10px;
    text-transform: uppercase
}

.typography .markup .button-wrapper,
.typography.editor .markup .button-wrapper {
    text-align: center;
    cursor: pointer;
    border-radius: var(--border-radius-xs)
}

@media print {

    .typography .markup .button-wrapper,
    .typography.editor .markup .button-wrapper {
        display: none
    }
}

.typography .markup .button-wrapper .button,
.typography.editor .markup .button-wrapper .button {
    padding: 12px 20px;
    height: auto;
    text-decoration: none
}

.typography .markup .apple-podcast-container,
.typography.editor .markup .apple-podcast-container {
    width: 500px;
    margin: 0 auto 16px
}

@media screen and (max-width:650px) {

    .typography .markup .apple-podcast-container,
    .typography.editor .markup .apple-podcast-container {
        width: unset
    }
}

.typography .post-editor .apple-podcast,
.typography.editor .post-editor .apple-podcast {
    pointer-events: none
}

.typography .markup .apple-podcast,
.typography.editor .markup .apple-podcast {
    width: 100%;
    height: 175px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

.typography .markup .apple-podcast.episode-list,
.typography.editor .markup .apple-podcast.episode-list {
    height: 450px
}

.typography .markup .audio-embed-static-outer,
.typography.editor .markup .audio-embed-static-outer {
    text-decoration: none
}

.typography .markup .audio-embed-static,
.typography.editor .markup .audio-embed-static {
    width: 100%;
    min-width: 100%;
    min-height: 96px;
    border: var(--border-default);
    background: var(--color-bg-elevated-primary);
    margin: var(--size-32) 0;
    border-radius: var(--border-radius-md)
}

.typography .markup .audio-embed-static:last-child.typography .markup .audio-embed-static:not(:only-child),
.typography .markup .audio-embed-static:last-child.typography.editor .markup .audio-embed-static:not(:only-child),
.typography.editor .markup .audio-embed-static:last-child.typography .markup .audio-embed-static:not(:only-child),
.typography.editor .markup .audio-embed-static:last-child.typography.editor .markup .audio-embed-static:not(:only-child) {
    margin-bottom: 0
}

.typography .markup .audio-embed-static .thumbnail-container,
.typography.editor .markup .audio-embed-static .thumbnail-container {
    padding: 0;
    margin: 0;
    width: var(--size-88);
    height: var(--size-88);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    vertical-align: top
}

.typography .markup .audio-embed-static .thumbnail-container .play-container,
.typography.editor .markup .audio-embed-static .thumbnail-container .play-container {
    max-height: 0;
    position: relative;
    opacity: .999;
    z-index: 1
}

.typography .markup .audio-embed-static .thumbnail-container .play-container .play,
.typography.editor .markup .audio-embed-static .thumbnail-container .play-container .play {
    margin: var(--size-24);
    width: var(--size-40);
    height: var(--size-40);
    display: inline-block
}

.typography .markup .audio-embed-static .thumbnail-container .thumbnail,
.typography.editor .markup .audio-embed-static .thumbnail-container .thumbnail {
    width: var(--size-88);
    height: var(--size-88)
}

.typography .markup .audio-embed-static .audio-details,
.typography.editor .markup .audio-embed-static .audio-details {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    text-decoration: none
}

.typography .markup .audio-embed-static .audio-details p,
.typography.editor .markup .audio-embed-static .audio-details p {
    margin: 0 0 2px;
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-regular);
    color: var(--color-fg-secondary)
}

.typography .markup .audio-embed-static .audio-details p.title,
.typography.editor .markup .audio-embed-static .audio-details p.title {
    font-size: var(--font-size-16);
    color: var(--color-fg-primary);
    font-weight: var(--font-weight-bold)
}

.typography .markup .cashtag,
.typography.editor .markup .cashtag {
    text-decoration: none !important;
    border-bottom: 1px solid;
    display: inline-block
}

.typography .markup .cashtag.positive,
.typography.editor .markup .cashtag.positive {
    font-family: sans-serif;
    color: green !important;
    border-bottom-color: green
}

.typography .markup .cashtag.neutral,
.typography.editor .markup .cashtag.neutral {
    font-family: sans-serif;
    border-bottom-color: #000 !important
}

.typography .markup .cashtag.negative,
.typography.editor .markup .cashtag.negative {
    font-family: sans-serif;
    color: red !important;
    border-bottom-color: red
}

.typography .markup .cashtag:hover,
.typography.editor .markup .cashtag:hover {
    opacity: .75
}

.home-page .home-sitemap .home-sitemap-signup-form .sideBySideWrap .button[type=submit] b,
.typography .markup .cashtag>span,
.typography.editor .markup .cashtag>span {
    font-weight: 400
}

.typography .markup .referral-link,
.typography.editor .markup .referral-link {
    text-align: center
}

.typography .markup .referral-link .button,
.typography.editor .markup .referral-link .button {
    padding: 12px 20px;
    height: auto
}

.typography .markup .install-substack-app-embed,
.typography.editor .markup .install-substack-app-embed {
    font-family: var(--font-family-text);
    box-sizing: border-box;
    border-radius: var(--border-radius-md);
    border: var(--border-default-themed);
    padding: 16px;
    max-width: 600px;
    margin: 32px auto;
    position: relative;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width:420px) {

    .typography .markup .install-substack-app-embed,
    .typography.editor .markup .install-substack-app-embed {
        display: block
    }
}

.typography .markup .install-substack-app-embed img.install-substack-app-embed-img,
.typography.editor .markup .install-substack-app-embed img.install-substack-app-embed-img {
    height: 64px;
    margin: 0 16px 0 0;
    max-width: 128px;
    border-radius: var(--border-radius-sm);
    background-color: var(--web_bg_color)
}

@media (max-width:420px) {

    .typography .markup .install-substack-app-embed img.install-substack-app-embed-img,
    .typography.editor .markup .install-substack-app-embed img.install-substack-app-embed-img {
        margin: 0 auto 16px
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-embed-text,
.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 0px;
    margin-right: 16px;
    font-family: 'SF Pro Display', var(--font-family-text);
    column-gap: 4px
}

@media (max-width:420px) {

    .typography .markup .install-substack-app-embed .install-substack-app-embed-text,
    .typography.editor .markup .install-substack-app-embed .install-substack-app-embed-text {
        margin: 0 0 12px;
        max-width: 100%;
        width: auto;
        text-align: center
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-header,
.typography.editor .markup .install-substack-app-embed .install-substack-app-header {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-size: 16px;
    line-height: 20px;
    font-weight: var(--font-weight-semibold)
}

.typography .markup .install-substack-app-embed td.install-substack-app-header,
.typography.editor .markup .install-substack-app-embed td.install-substack-app-header {
    width: 438px
}

.typography .markup .install-substack-app-embed .install-substack-app-text,
.typography.editor .markup .install-substack-app-embed .install-substack-app-text {
    font-family: 'SF Pro Display', var(--font-family-text);
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-regular)
}

@media (max-width:420px) {

    .typography .markup .install-substack-app-embed .install-substack-app-embed-link,
    .typography.editor .markup .install-substack-app-embed .install-substack-app-embed-link {
        display: flex;
        justify-content: center
    }
}

.typography .markup .install-substack-app-embed .install-substack-app-embed-link:visited,
.typography.editor .markup .install-substack-app-embed .install-substack-app-embed-link:visited {
    color: var(--print_on_pop)
}

.typography .markup .install-substack-app-embed.preview-inapp,
.typography.editor .markup .install-substack-app-embed.preview-inapp {
    border: 0;
    padding: 0
}

.typography .markup .install-substack-app-embed.preview-inapp .install-substack-app-text,
.typography.editor .markup .install-substack-app-embed.preview-inapp .install-substack-app-text {
    font-style: italic
}

.typography .markup .install-substack-app-embed.preview-inapp .install-substack-app-embed-btn,
.typography.editor .markup .install-substack-app-embed.preview-inapp .install-substack-app-embed-btn {
    background: var(--background_contrast_1);
    border: var(--border-default-themed);
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.typography hr,
.typography.editor hr {
    margin: var(--size-32) 0;
    padding: 0;
    height: 1px;
    background: var(--color-detail-themed);
    border: 0
}

.typography.editor.thread-head .markup,
.typography.editor.thread-post-editor .markup,
.typography.thread-head .markup,
.typography.thread-post-editor .markup {
    font-size: var(--font-size-15);
    font-family: var(--font_family_ui, var(--font-family-text))
}

.typography.editor.thread-head .markup p,
.typography.editor.thread-post-editor .markup p,
.typography.thread-head .markup p,
.typography.thread-post-editor .markup p {
    font-size: var(--font-size-15);
    line-height: 1.42em
}

.typography .paywall-jump,
.typography.editor .paywall-jump {
    display: none
}

.typography .paywall-editor,
.typography.editor .paywall-editor {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.typography .paywall-editor hr,
.typography.editor .paywall-editor hr {
    width: 100%;
    background-color: var(--background_contrast_4)
}

.typography .paywall-editor hr:first-of-type,
.typography.editor .paywall-editor hr:first-of-type {
    margin-right: 16px
}

.typography .paywall-editor hr:last-of-type,
.typography.editor .paywall-editor hr:last-of-type {
    margin-left: 16px
}

.typography .paywall-editor .paywall-editor-pill,
.typography.editor .paywall-editor .paywall-editor-pill {
    font-family: var(--font_family_ui, var(--font-family-text));
    flex-basis: 234px;
    background-color: var(--color-bg-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: 14px;
    padding: 10px 14px 10px 10px;
    white-space: nowrap;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--print_secondary, var(--color-fg-secondary));
    border: solid 1px var(--color-utility-detail);
    border-radius: var(--border-radius-sm)
}

.typography .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container,
.typography.editor .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container {
    position: relative;
    height: 0;
    margin-left: 10px
}

.typography .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container svg,
.typography.editor .paywall-editor .paywall-editor-pill .paywall-editor-pill-icon-container svg {
    position: absolute;
    top: -10px;
    left: -7px
}

.typography .footnote-anchor,
.typography.editor .footnote-anchor {
    vertical-align: super;
    line-height: 0;
    font-size: 14px;
    margin-left: 4px
}

.typography .footnote,
.typography.editor .footnote {
    display: flex;
    border-top: solid 1px var(--border_subtle);
    padding-top: 1.5em;
    font-size: 90%;
    flex-direction: row;
    align-items: baseline
}

.typography .footnote~.footnote,
.typography.editor .footnote~.footnote {
    border-top: none;
    padding-top: 0
}

.typography .footnote .footnote-number,
.typography.editor .footnote .footnote-number {
    display: block;
    margin-right: 6px;
    min-width: 24px
}

.typography .footnote .footnote-content,
.typography.editor .footnote .footnote-content {
    display: block
}

.typography .footnote .footnote-content p,
.typography.editor .footnote .footnote-content p {
    min-width: 10px
}

.typography .captioned-image-container,
.typography .captioned-image-container-static,
.typography.editor .captioned-image-container,
.typography.editor .captioned-image-container-static {
    margin: var(--size-32) auto
}

.typography .captioned-image-container figure,
.typography .captioned-image-container-static figure,
.typography.editor .captioned-image-container figure,
.typography.editor .captioned-image-container-static figure {
    width: 100%;
    margin: 0 auto
}

.typography .captioned-image-container figcaption,
.typography .captioned-image-container-static figcaption,
.typography.editor .captioned-image-container figcaption,
.typography.editor .captioned-image-container-static figcaption {
    color: var(--color-secondary-themed);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-14);
    margin-top: var(--size-8);
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center
}

.typography .captioned-image-container figcaption,
.typography.editor .captioned-image-container figcaption {
    font-size: calc(var(--font-size-14) + var(--font_size_body_offset, 0px))
}

.typography .captioned-image-container-static img,
.typography.editor .captioned-image-container-static img {
    margin-bottom: 0
}

.typography .captioned-image-container-static figcaption,
.typography.editor .captioned-image-container-static figcaption {
    box-sizing: content-box;
    font-size: var(--font-size-14)
}

.typography .github-gist,
.typography.editor .github-gist {
    white-space: normal
}

.typography .github-gist.static .blob-code,
.typography.editor .github-gist.static .blob-code {
    text-align: left;
    line-height: 20px;
    border: 0
}

.typography .github-gist.static .blob-code-inner,
.typography.editor .github-gist.static .blob-code-inner {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 12px;
    color: #24292e;
    word-wrap: normal
}

.tailwind-preflight progress,
.typography .github-gist.static .gist td,
.typography.editor .github-gist.static .gist td {
    vertical-align: baseline
}

.typography .github-gist.static .gist td.blob-num[data-line-number],
.typography.editor .github-gist.static .gist td.blob-num[data-line-number] {
    word-break: normal
}

.typography .github-gist.static .gist td:not(.blob-num[data-line-number]),
.typography.editor .github-gist.static .gist td:not(.blob-num[data-line-number]) {
    min-width: 3000px
}

.typography .github-gist.static .gist pre,
.typography.editor .github-gist.static .gist pre {
    width: 3000px;
    position: static;
    display: inline-block;
    background: inherit;
    outline: 0;
    margin: 0;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    padding: 0;
    white-space: pre
}

.typography .github-gist.static .gist .pl-e,
.typography .github-gist.static .gist .pl-en,
.typography.editor .github-gist.static .gist .pl-e,
.typography.editor .github-gist.static .gist .pl-en {
    color: #6f42c1
}

.typography .github-gist.static .gist .pl-k,
.typography.editor .github-gist.static .gist .pl-k {
    color: #d73a49
}

.typography .github-gist.static .gist .pl-pds,
.typography .github-gist.static .gist .pl-s,
.typography .github-gist.static .gist .pl-s .pl-pse .pl-s1,
.typography .github-gist.static .gist .pl-sr,
.typography .github-gist.static .gist .pl-sr .pl-cce,
.typography .github-gist.static .gist .pl-sr .pl-sra,
.typography .github-gist.static .gist .pl-sr .pl-sre,
.typography.editor .github-gist.static .gist .pl-pds,
.typography.editor .github-gist.static .gist .pl-s,
.typography.editor .github-gist.static .gist .pl-s .pl-pse .pl-s1,
.typography.editor .github-gist.static .gist .pl-sr,
.typography.editor .github-gist.static .gist .pl-sr .pl-cce,
.typography.editor .github-gist.static .gist .pl-sr .pl-sra,
.typography.editor .github-gist.static .gist .pl-sr .pl-sre {
    color: #032f62
}

.typography .github-gist.static .gist .gist-data,
.typography.editor .github-gist.static .gist .gist-data {
    overflow: auto
}

.typography .github-gist.static .gist .gist-file,
.typography.editor .github-gist.static .gist .gist-file {
    margin-bottom: 1em;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    border: 1px solid;
    border-color: #ddd #ddd #ccc;
    border-radius: var(--border-radius-md)
}

.typography .github-gist.static .gist .gist-meta,
.typography.editor .github-gist.static .gist .gist-meta {
    padding: 10px;
    overflow: hidden;
    font-family: Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    font-size: 12px;
    color: #586069;
    background-color: #f7f7f7;
    border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm)
}

.typography .github-gist.static .gist .gist-meta a,
.typography.editor .github-gist.static .gist .gist-meta a {
    text-decoration: none;
    color: #666;
    font-weight: var(--font-weight-semibold)
}

.typography .github-gist.static .gist .blob-num[data-line-number],
.typography.editor .github-gist.static .gist .blob-num[data-line-number] {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace
}

.typography .referrals-tier-card,
.typography.editor .referrals-tier-card {
    margin-bottom: 20px;
    max-width: 372px
}

.form.freeze-form {
    pointer-events: none
}

.form-styles {
    margin: var(--size-32) 0 0 0;
    position: relative
}

.form-styles.secondary-form {
    padding: var(--size-32);
    border-radius: var(--border-radius-sm);
    background: var(--color-bg-secondary)
}

.form-styles .footer-text {
    display: block;
    margin-top: var(--size-16);
    font-size: 12px;
    color: var(--color-fg-secondary);
    font-family: var(--font_family_ui, var(--font-family-text))
}

.form-styles .footer-text .button.invis {
    font-size: 12px
}

.form-styles .footer-text .warning-icon {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 6px
}

.form-styles input:not(.pencraft),
.form-styles textarea:not(.pencraft) {
    padding: 16px 12px;
    margin: 0;
    border: var(--border-default);
    background: var(--color-bg-elevated-primary);
    color: var(--color-fg-primary);
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--font_family_ui, var(--font-family-text));
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    -webkit-appearance: none
}

.form-styles input[type=search]::-webkit-search-decoration,
div.twitter-publications .select-all input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.form-styles .small-input,
.form-styles input.small-input,
.form-styles textarea.small-input {
    padding: 12px 16px;
    border-radius: var(--border-radius-sm);
    font-size: 14px;
    margin: 5px 0;
    border: var(--border-default);
    border-top: var(--border-default);
    border-bottom: var(--border-default)
}

.form-styles textarea,
div.twitter-publications .select-all textarea {
    resize: vertical
}

.form-styles input:first-child:not(.pencraft),
.form-styles textarea:first-child:not(.pencraft) {
    border-top: var(--border-default)
}

.form-styles input.small-input:first-child,
.form-styles textarea.small-input:first-child {
    border-top: var(--border-default)
}

.form-styles .label:not(.pencraft),
.form-styles label {
    padding: 20px 10px;
    border: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    vertical-align: center;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--color-fg-secondary)
}

.form label.no-pad,
.form-styles label.no-pad,
.tailwind-preflight legend,
div.twitter-publications .select-all label.no-pad {
    padding: 0
}

.form-styles .inputGroup {
    padding: var(--size-16) 0
}

.form-styles input[type=checkbox]:not(.pencraft),
.form-styles input[type=radio]:not(.pencraft) {
    width: auto;
    padding: 0;
    margin: 0 10px;
    display: inline-block;
    -webkit-appearance: checkbox
}

.form-styles input[type=radio] {
    -webkit-appearance: radio;
    margin-bottom: 5px
}

.form-styles .button.ok-button,
.form-styles .button.submit,
.form-styles .button[type=submit] {
    margin-top: var(--size-32)
}

.form-styles div.error-box .error,
div.twitter-publications .select-all div.error-box .error {
    margin-top: 0;
    bottom: calc(50% - 15px)
}

.form-styles .error {
    color: var(--color-accent-fg-red);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    position: absolute;
    right: 20px;
    padding: 5px;
    margin-top: -60px
}

.form-styles .error.other-error,
.form-styles .fancy-input+.error,
.form-styles .small-input+.error,
.form-styles input[type=hidden]+#error-container .error {
    position: relative;
    margin-top: 0;
    right: auto
}

.form-styles .fancy-input+.error,
.form-styles .small-input+.error {
    padding: 5px 0
}

.form-styles .fancy-stripe {
    padding: 10px;
    border: 0;
    border-bottom: var(--border-default);
    background: #fff;
    display: block;
    font-size: 16px;
    min-height: 40px
}

.form-styles .fancy-stripe.small-input {
    padding: 0 16px;
    font-size: 14px;
    border: var(--border-default)
}

.form-styles .fancy-stripe .error {
    position: relative;
    right: auto;
    padding: 0;
    margin-top: 0
}

.form-styles .help-text {
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text));
    margin-top: var(--size-32)
}

.form-styles .fancy-input {
    position: relative
}

.form-styles .fancy-input a {
    height: 58px;
    line-height: 58px;
    padding: 0 10px;
    display: inline-block;
    right: 0;
    top: 1px;
    background: var(--color-bg-primary);
    position: absolute
}

.form:not(.new-form) .art-container.art-container {
    display: flex;
    justify-content: space-between
}

.form:not(.new-form) .art-container.art-container .upload-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-fg-secondary);
    font-size: 14px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    margin-left: 32px;
    width: 160px;
    height: 160px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    cursor: pointer
}

.form:not(.new-form) .art-container.art-container .upload-slot.placeholder {
    background: var(--color-bg-secondary);
    color: var(--color-fg-secondary)
}

.form:not(.new-form) .art-container.art-container .upload-slot.inline-art:not(.loading):hover span:after {
    z-index: 500;
    color: var(--color-utility-detail);
    content: 'Change'
}

.form:not(.new-form) .art-container.art-container .upload-slot.inline-art:not(.loading):hover img,
.form:not(.new-form) .art-container.art-container .upload-slot.loading img {
    filter: brightness(.5)
}

.form:not(.new-form) .art-container.art-container .upload-slot img {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    border-radius: var(--border-radius-sm);
    object-fit: cover
}

.form:not(.new-form) .art-container.art-container .upload-slot.loading {
    cursor: initial;
    color: var(--color-utility-detail)
}

.form:not(.new-form) .art-container.art-container input[type=file] {
    display: none
}

.form:not(.new-form) .art-container.art-container .placeholder svg {
    width: 32px
}

.form:not(.new-form) .art-container.art-container .art-details {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.form:not(.new-form) .art-container.art-container .art-details .info {
    margin-top: 4px
}

.form:not(.new-form) .art-container.art-container .art-details h3 {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--color-fg-primary);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family-text)
}

.form:not(.new-form) .art-container.art-container .art-details input[type=file] {
    border: 0;
    padding: 0
}

.form:not(.new-form) .art-container.art-container .art-details p {
    font-weight: 400;
    color: var(--color-fg-secondary);
    margin: 0
}

.form:not(.new-form) .art-container.art-container .art-details .art-error {
    color: var(--color-accent-fg-red);
    font-family: var(--font_family_ui, var(--font-family-text));
    margin-top: 10px;
    font-size: 12px;
    font-weight: var(--font-weight-semibold)
}

.form:not(.new-form) .art-container.art-container .art-details a {
    cursor: pointer;
    margin-right: 8px;
    display: inline-block;
    margin-top: 8px
}

.big-checkbox-input {
    display: inline-flex;
    align-items: center
}

.big-checkbox-input.big-checkbox-input-row {
    display: flex;
    justify-content: space-between;
    gap: var(--size-16)
}

.big-checkbox-input.big-checkbox-input-row .big-checkbox {
    margin-left: 10px
}

.big-checkbox-input:not(.big-checkbox-input-row) .big-checkbox {
    margin-right: 10px
}

.big-checkbox-input .big-checkbox {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: var(--border-radius-sm);
    border: var(--border-default);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.big-checkbox-input .big-checkbox:hover {
    opacity: .9
}

.big-checkbox-input .big-checkbox:active,
.comments-page-sort-controls.loading .comments-page-sort-menu .comments-page-sort-menu-button:hover:active,
.inline-free-email-form .form .sideBySideWrap .button:active {
    opacity: 1
}

.big-checkbox-input .big-checkbox.checked {
    background-color: var(--color-fg-primary);
    color: #fff;
    border-color: var(--color-fg-primary)
}

.big-checkbox-input .big-checkbox.disabled {
    cursor: not-allowed;
    opacity: .5
}

.inline-free-email-form .form {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.inline-free-email-form .form .sideBySideWrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 404px
}

@media screen and (max-width:650px) {
    .inline-free-email-form .form .sideBySideWrap {
        padding: 0 16px
    }
}

.inline-free-email-form .form .sideBySideWrap input[type=email] {
    background: var(--web_bg_color, var(--color-bg-primary));
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    display: inline-block;
    padding: 10px;
    height: 40px;
    border: 1px solid var(--print_pop);
    border-right-width: 0;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none
}

.inline-free-email-form .form .sideBySideWrap input[type=email]::placeholder {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media screen and (max-width:650px) {
    .inline-free-email-form .form .sideBySideWrap input[type=email] {
        height: 44px
    }
}

.inline-free-email-form .form .sideBySideWrap .button {
    flex-shrink: 0;
    margin-top: 0;
    padding: 10px 20px;
    height: 40px;
    background: var(--print_pop);
    border: 1px solid var(--print_pop);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: 14px;
    color: var(--print_on_pop)
}

.inline-free-email-form .form .sideBySideWrap .button>b {
    font-weight: var(--font-weight-medium)
}

@media screen and (max-width:650px) {
    .inline-free-email-form .form .sideBySideWrap .button {
        height: 44px;
        padding: 10px 18px;
        font-size: 14px
    }
}

.inline-free-email-form .form .sideBySideWrap .button.disabled,
.inline-free-email-form .form .sideBySideWrap .button[disabled],
.inline-free-email-form .form .sideBySideWrap .button[readonly] {
    opacity: .75
}

.ban-dialog {
    max-width: 100%;
    margin: 15px;
    padding: 32px 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.ban-dialog button {
    width: 12rem
}

.ban-dialog img {
    border-radius: var(--border-radius-full)
}

.ban-dialog .banned,
.ban-dialog form label {
    text-align: center;
    font-size: var(--font-size-16)
}

.ban-dialog .banned {
    color: red
}

.ban-dialog .status {
    margin-top: 5px
}

.ban-dialog .subscribed {
    color: #000
}

.ban-dialog .free-subscribed {
    color: gray
}

.ban-dialog .not-subscribed {
    color: #d3d3d3
}

.ban-dialog .profile {
    display: flex;
    flex-direction: row;
    text-align: left;
    padding: 3px;
    align-items: center
}

.ban-dialog div.photo {
    margin-right: 16px
}

.ban-dialog div.info {
    margin: 4px 0;
    width: 200px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.ban-dialog div.info .name {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 4px
}

.ban-dialog .button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.ban-dialog form label {
    padding: 0;
    margin-bottom: 10px
}

.ban-dialog form label input[type=checkbox] {
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle
}

.ban-dialog form label select {
    margin-left: 5px
}

.ban-dialog form label:last-of-type {
    margin-bottom: 0
}

.ban-dialog form .details {
    float: none;
    font-size: 10px;
    color: var(--print_secondary, var(--color-fg-secondary));
    margin-bottom: 10px
}

.comments-page {
    padding: var(--size-16) 0
}

.comments-page .container {
    display: flex;
    flex-direction: column;
    gap: var(--size-16)
}

.comments-page .container .thread-head {
    margin-top: var(--size-24);
    margin-bottom: var(--size-24)
}

.comments-page .container .thread-head .page-title,
.comments-page .container .thread-head .page-title a,
.comments-page .container .thread-head .subtitle,
.comments-page .container .thread-head h1,
.comments-page .container .thread-head h1 a,
.comments-page .container .thread-head h1.title a,
.comments-page .container .thread-head h2,
.comments-page .container .thread-head h2 a,
.comments-page .container .thread-head h3,
.comments-page .container .thread-head h3 a,
.comments-page .container .thread-head h4,
.comments-page .container .thread-head h4 a,
.comments-page .container .thread-head h5,
.comments-page .container .thread-head h5 a,
.comments-page .container .thread-head h6,
.comments-page .container .thread-head h6 a,
.comments-page .container .thread-head p,
.comments-page .container .thread-head p a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.comment .comment-body i,
.comments-page .container .thread-head .captioned-image-container figcaption,
.comments-page .container .thread-head .captioned-image-container-static figcaption,
.comments-page .container .thread-head .post-header .meta-author-wrap .meta-right-column .meta-author,
.comments-page .container .thread-head .post-header .meta-author-wrap .meta-right-column .meta-author a,
.comments-page .container .thread-head .subtitle,
.comments-page .container .thread-head a.ui-secondary,
.comments-page-sort-controls .comments-page-sort-menu {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .comments-page .container .thread-head h1,
    .comments-page .container .thread-head h2,
    .comments-page .container .thread-head h3,
    .comments-page .container .thread-head h4,
    .comments-page .container .thread-head h5,
    .comments-page .container .thread-head h6,
    .comments-page .container .thread-head p {
        color: #000
    }

    .comments-page .container .thread-head h1 a,
    .comments-page .container .thread-head h2 a,
    .comments-page .container .thread-head h3 a,
    .comments-page .container .thread-head h4 a,
    .comments-page .container .thread-head h5 a,
    .comments-page .container .thread-head h6 a,
    .comments-page .container .thread-head p a {
        color: #00f
    }
}

@media print {
    .comments-page .container .thread-head a.ui-secondary a {
        color: #00f
    }
}

.comments-page .container .comments-heading,
.comments-page .container .thread-head .captioned-image-container figcaption a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.comments-page .container .thread-head .post-header a,
a.like-button {
    text-decoration: none
}

.comments-page .container .thread-head .post-header {
    margin-bottom: 16px
}

.comments-page .container .thread-head .post-header .meta-author-wrap .meta-right-column .meta-author {
    font-size: 14px;
    line-height: 17px
}

.comments-page .container .comments-heading {
    font-family: var(--font-family-title);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-heavy);
    line-height: var(--line-height-24)
}

.comments-page .container .locked-comments {
    margin-top: 14px
}

.comments-page .container .comment-list.has-new-comments,
table.thread-head>tbody>tr>td>table.post-meta.big>tbody>tr>td.post-meta-item,
table.thread-head>tbody>tr>td>table.post-meta.big>tr>td.post-meta-item,
table.thread-head>tr>td>table.post-meta.big>tbody>tr>td.post-meta-item,
table.thread-head>tr>td>table.post-meta.big>tr>td.post-meta-item {
    padding-top: 0
}

.comments-page .container .comment-list .collapsed-reply {
    margin-left: calc(10 + var(--size-32) - var(--size-32));
    padding: 0 10px;
    height: 25px;
    font-size: 12px
}

@media screen and (max-width:650px) {
    .comments-page .container .comment-list .collapsed-reply {
        margin-left: calc(10 + var(--size-32) - var(--size-24))
    }
}

.comments-page .container .comment-list.has-new-comments>.collapsed-reply {
    margin-bottom: 14px
}

.comments-page .container>.comment-list.has-new-comments>.collapsed-reply {
    margin-left: 0
}

.comments-page .container .main-loader {
    line-height: 150px
}

.comments-page-sort-controls {
    margin: 12px 0 8px;
    padding-left: 43px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comments-page-sort-controls .comments-page-sort-menu {
    position: relative;
    display: inline-block;
    background-color: inherit
}

.comments-page-sort-controls .comments-page-sort-menu .comments-page-sort-menu-button {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    background-color: var(--web_bg_color, var(--color-bg-primary));
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.comments-page-sort-controls .comments-page-sort-menu .comments-page-sort-menu-button:hover:active {
    opacity: .7
}

.comments-page-sort-controls .comments-page-sort-menu .comments-page-sort-menu-button .comments-page-sort-menu-button-label {
    margin-right: 4px
}

.comments-page-sort-controls .comments-page-sort-menu .comments-page-sort-menu-button svg {
    opacity: 1;
    transition: opacity .2s linear
}

.comments-page-sort-controls .comments-page-sort-menu-dropdown {
    left: 50%
}

.comments-page-sort-controls .comments-page-sort-menu-dropdown .dropdown-menu-wrapper li {
    text-align: left
}

.comments-page-sort-controls .comments-page-sort-menu-dropdown .dropdown-menu-wrapper li>a.selected {
    opacity: .5;
    pointer-events: none
}

.comments-page-sort-controls.loading .comments-page-sort-menu .comments-page-sort-menu-button {
    pointer-events: none
}

.comments-page-sort-controls.loading .comments-page-sort-menu .comments-page-sort-menu-button svg {
    opacity: .3
}

.comment,
.return-to-thread-link {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.return-to-thread-link {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    display: block;
    font-size: var(--font-size-16);
    margin: 15px 0 15px 50px;
    text-decoration: none
}

.return-to-thread-link:hover {
    text-decoration: underline
}

.comment {
    position: relative;
    margin-top: 12px;
    min-width: 190px
}

.comment .tags-row {
    display: flex;
    margin-top: 6px
}

.comment .tags-row .tag {
    display: inline-block;
    color: var(--print_on_pop);
    background-color: var(--print_pop);
    border-radius: var(--border-radius-sm);
    padding: 3px;
    font-size: 9px;
    line-height: 9px;
    font-weight: var(--font-weight-bold);
    margin-right: 6px;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comment-input-wrap form.comment-input.editing:first-child,
.comment:first-child,
.reader-onboarding-modal-container .categories-step h3:first-child,
.reader-onboarding-modal-container .error-step h3:first-child,
.reader-onboarding-modal-container .profile-step h3:first-child,
.reader-onboarding-modal-container .pub-landing-step h3:first-child,
.reader-onboarding-modal-container .pub-signup-step h3:first-child,
.reader-onboarding-modal-container .signup-step h3:first-child,
.reader-onboarding-modal-container .suggestions-step h3:first-child,
.reader-onboarding-modal-container .twitter-step h3:first-child,
.reader-onboarding-modal-container .welcome-step h3:first-child {
    margin-top: 0
}

.comment .comment-anchor {
    position: absolute;
    z-index: -1;
    top: -96px;
    left: 0;
    height: 1px;
    width: 1px
}

.comment>table,
table.publication.card {
    border-spacing: 0
}

.comment>table>tbody>tr,
.comment>table>tbody>tr>td,
.comment>table>tr,
.comment>table>tr>td,
table.thread-head>tbody>tr,
table.thread-head>tbody>tr>td,
table.thread-head>tr,
table.thread-head>tr>td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top
}

.comment .comment-head {
    padding-top: 1px;
    padding-right: 16px;
    width: var(--size-32)
}

.comment .comment-rest {
    position: relative;
    width: 100%
}

.comment .comment-actions,
.comment .comment-meta,
.comment .show-all-toggle {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    line-height: var(--line-height-20);
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--size-12);
    row-gap: var(--size-4)
}

.comment .comment-actions,
.comment .show-all-toggle {
    font-size: var(--font-size-12)
}

.comment .comment-actions span,
.comment .comment-meta span,
.comment .show-all-toggle span {
    position: relative;
    text-decoration: none;
    cursor: default
}

.comment .comment-actions span:hover,
.comment .comment-meta span:hover,
.comment .show-all-toggle span:hover {
    cursor: pointer;
    text-decoration: underline
}

.comment .comment-actions span.commenter-name,
.comment .comment-meta span.commenter-name,
.comment .show-all-toggle span.commenter-name {
    font-weight: 700;
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.comment .comment-actions a.pending-approval,
.comment .comment-meta a.pending-approval,
.comment .show-all-toggle a.pending-approval {
    color: var(--print_pop) !important;
    font-weight: var(--font-weight-regular)
}

.comment .comment-actions a.like-button:not(.liked),
.comment .comment-meta a.like-button:not(.liked),
.comment .show-all-toggle a.like-button:not(.liked) {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.comment .comment-actions a.like-button:not(.liked) svg path,
.comment .comment-meta a.like-button:not(.liked) svg path,
.comment .show-all-toggle a.like-button:not(.liked) svg path {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.comment .comment-actions a:not(.like-button),
.comment .comment-meta a:not(.like-button),
.comment .show-all-toggle a:not(.like-button) {
    text-decoration: none;
    color: inherit
}

.comment .comment-actions a:not(.like-button):hover,
.comment .comment-meta a:not(.like-button):hover,
.comment .show-all-toggle a:not(.like-button):hover {
    text-decoration: underline
}

.comment .comment-actions a:not(.like-button):hover:active,
.comment .comment-meta a:not(.like-button):hover:active,
.comment .show-all-toggle a:not(.like-button):hover:active {
    opacity: .7
}

.comment .comment-meta {
    font-size: var(--font-size-14)
}

.comment .comment-content {
    position: relative;
    padding-bottom: 8px;
    display: block
}

.comment.selected>.comment-content::before {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius-md);
    background: var(--selected_comment_background_color, var(--color-accent-bg-orange));
    content: '';
    pointer-events: none;
    z-index: 0
}

.comment.selected>table .show-all-toggle {
    background: linear-gradient(rgba(250, 243, 234, 0) 0%, var(--selected_comment_background_color, var(--color-accent-bg-orange)) 75%, var(--selected_comment_background_color, var(--color-accent-bg-orange)) 100%)
}

.comment>.comment-list,
.comment>.more-replies-container {
    margin: 0 0 16px;
    padding: 12px 0 0 50px
}

.comment>.comment-list .more-replies,
.comment>.more-replies-container .more-replies {
    padding: 16px;
    border-left: 1px solid var(--border_subtle)
}

.comment>.comment-list {
    position: relative;
    padding-left: var(--size-32);
    border-left: none
}

@media screen and (max-width:650px) {
    .comment>.comment-list {
        padding-left: var(--size-24)
    }
}

.comment>.comment-list.collapsed {
    padding-top: 0;
    padding-bottom: 4px
}

.comment>.comment-list>.comment-list-items {
    position: relative
}

.comment>.more-replies-container {
    padding-bottom: 16px
}

.comment .commenter-publication>span {
    transition: text-decoration .25s linear
}

.comment .commenter-publication>span:hover {
    text-decoration: underline
}

.comment .highlight {
    display: inline-block;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    font-family: 'SF Compact Rounded', var(--font-family-title);
    margin-right: 12px;
    color: var(--print_pop);
    padding-left: 1px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: var(--border-radius-sm)
}

.comment .highlight.hover {
    background-color: var(--color-bg-secondary)
}

.comment .highlight svg {
    position: absolute;
    display: block;
    stroke-width: 0;
    fill: var(--print_pop);
    height: 15px;
    width: 15px;
    padding-top: 1px
}

.comment .highlight .highlight-text {
    margin-left: 18px;
    padding-right: 4px
}

.comment button.comment-collapse-toggle,
.comment button.continue-thread-button {
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 0 10px;
    transform: translate3d(0, 0, 0)
}

.comment button.comment-collapse-toggle:hover,
.comment button.continue-thread-button:hover {
    background: var(--background_contrast_1)
}

.comment .comment-timestamp {
    transform: translate3d(0, 0, 0)
}

.comment button.continue-thread-button {
    margin-left: 50px
}

.comment.collapsed>.comment-content .comment-actions,
.comment.collapsed>.comment-content .comment-body,
.comment.collapsed>.comment-list {
    display: none
}

.comment>.comment-list-collapser {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0 15.5px;
    height: calc(100% - 51px);
    width: 1px;
    cursor: pointer
}

.comment>.comment-list-collapser .comment-list-collapser-line {
    width: 1px;
    height: 100%;
    background-color: var(--background_contrast_2)
}

.comment>.comment-list-collapser:hover .comment-list-collapser-line {
    box-shadow: inset 1px 0 var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.reply-comment {
    border-radius: var(--border-radius-md);
    padding: 20px;
    border: var(--border-default);
    display: block;
    margin: 10px 0 8px;
    text-decoration: none
}

.reply-comment .reply-comment-title {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    line-height: 1.5;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    margin: 0 0 6px
}

.reply-comment .reply-comment-body {
    font-family: var(--font-family-text);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
    letter-spacing: var(--letter-spacing-16);
    margin-bottom: var(--size-16)
}

.reply-comment .reply-comment-read-more {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    background: 0 0;
    display: inline-block;
    box-sizing: border-box;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border_subtle);
    padding: 10px 16px;
    font-size: var(--font-size-16);
    line-height: 16px;
    margin-bottom: 16px;
    text-decoration: none;
    font-weight: var(--font-weight-medium);
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    cursor: pointer
}

.reply-comment .reply-comment-meta {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 14px;
    line-height: 1.5
}

.comment-silhouette {
    display: flex;
    flex-direction: row;
    margin-bottom: 23px
}

.comment-silhouette .comment-silhouette-head {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden
}

.comment-silhouette .comment-silhouette-actions,
.comment-silhouette .comment-silhouette-body,
.comment-silhouette .comment-silhouette-meta {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

.comment-silhouette .comment-silhouette-actions::after,
.comment-silhouette .comment-silhouette-body::after,
.comment-silhouette .comment-silhouette-head::after,
.comment-silhouette .comment-silhouette-meta::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, var(--color-bg-secondary), var(--color-bg-primary), var(--color-bg-secondary));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.comment-silhouette .comment-silhouette-head {
    flex-shrink: 0;
    margin-right: 10px;
    height: var(--size-32);
    width: var(--size-32);
    border-radius: var(--border-radius-full)
}

.comment-silhouette .comment-silhouette-content {
    width: 100%
}

.comment-silhouette .comment-silhouette-content .comment-silhouette-actions,
.comment-silhouette .comment-silhouette-content .comment-silhouette-meta {
    height: 10px
}

.comment-silhouette .comment-silhouette-content .comment-silhouette-meta {
    width: 120px
}

.comment-silhouette .comment-silhouette-content .comment-silhouette-body {
    margin: 10px 0 12.78px;
    height: 12px;
    width: 100%;
    max-width: 320px
}

.comment-silhouette .comment-silhouette-content .comment-silhouette-actions {
    width: 80px
}

.comment-publicity-notice,
.locked-comments {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.comment-publicity-notice {
    color: var(--print_pop);
    font-weight: 400;
    font-size: 13px;
    line-height: 19px
}

.locked-comments {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-style: italic;
    font-size: var(--font-size-16)
}

.finish-magic-login-modal .modal-content .container {
    padding: 24px 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:650px) {
    .finish-magic-login-modal .modal-content .container {
        padding: 24px 0
    }
}

.comment .comment-body {
    margin-top: var(--size-4);
    font-size: var(--font-size-15);
    line-height: var(--line-height-20);
    word-break: break-word;
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    position: relative;
    max-height: 600px;
    overflow-y: hidden
}

.comment .comment-body .show-all-toggle {
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--web_bg_color, var(--color-bg-primary)) 75%, var(--web_bg_color, var(--color-bg-primary)) 100%);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 4em;
    position: absolute;
    text-align: center;
    width: 100%
}

.comment .comment-body .show-all-toggle .show-all-toggle-label {
    bottom: 0;
    color: var(--print_pop);
    left: 0;
    position: absolute
}

.comment .comment-body.expanded {
    max-height: initial;
    overflow-y: initial
}

.comment .comment-body.long .show-all-toggle {
    display: block
}

.comment .comment-body p {
    margin: 0 0 var(--size-8) 0
}

.comment .comment-body p:last-of-type {
    margin-bottom: 0
}

.comment .comment-input-wrap form.comment-input {
    margin: 0 0 0 var(--size-48)
}

.comment-input-wrap form.comment-input {
    display: flex;
    flex: 1 1 1px;
    flex-direction: row;
    gap: var(--size-8);
    align-items: flex-start;
    margin: 0
}

.comment-input-wrap form.comment-input.editing {
    margin-top: 12px
}

.comment-input-wrap form.comment-input .comment-input-right textarea {
    padding: var(--size-8) var(--size-12);
    height: var(--size-96);
    max-height: 400px;
    overflow-y: scroll;
    border: 0 !important;
    outline: var(--border-default-themed);
    border-radius: var(--border-radius-md);
    font-size: var(--font-size-15);
    line-height: var(--line-height-24);
    letter-spacing: var(--letter-spacing-16);
    resize: none;
    background: var(--color-bg-primary-themed);
    color: var(--color-primary-themed)
}

.comment-input-wrap form.comment-input .comment-input-right textarea::placeholder {
    color: var(--color-tertiary-themed);
    opacity: 1
}

.comment-input-wrap form.comment-input .comment-input-right textarea:focus {
    outline: 2px solid var(--background_pop)
}

.comment-input-wrap form.comment-input .comment-input-right .button {
    margin: 0
}

.comment-input-wrap form.comment-input .comment-input-right .button.cancel {
    color: var(--color-secondary-themed)
}

.comment-input-wrap form.comment-input .comment-input-right .button[type=submit].disabled,
.comment-input-wrap form.comment-input .comment-input-right .button[type=submit][disabled],
div.profile-updater form .button[type=submit].disabled,
div.profile-updater form .button[type=submit][disabled] {
    position: relative;
    color: transparent;
    opacity: .5
}

.comment-input-wrap form.comment-input .comment-input-right .button[type=submit].disabled::after,
.comment-input-wrap form.comment-input .comment-input-right .button[type=submit][disabled]::after,
.full-email-form .form .sideBySideWrap .button.disabled::after,
.intro-popup .full-email-form .form .sideBySideWrap .button.disabled::after,
div.profile-updater form .button[type=submit].disabled::after,
div.profile-updater form .button[type=submit][disabled]::after {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -.5px;
    height: 8px;
    width: 1px;
    background: rgba(255, 255, 255, .75);
    animation: rotate .75s infinite ease;
    content: ''
}

a.like-button .reaction-container {
    position: relative
}

a.like-button .reaction-container svg {
    fill: none;
    stroke: var(--color-secondary-themed)
}

a.like-button.liked {
    color: var(--color-accent-fg-red)
}

a.like-button.liked .reaction-container svg,
a.like-button.liked .reaction-container svg path {
    fill: var(--color-accent-fg-red);
    stroke: var(--color-accent-fg-red)
}

a.like-button .reaction-container svg.animation {
    display: none;
    position: absolute;
    left: 0;
    opacity: 1;
    transform: scale(0);
    transition: all var(--animation-timing-slow) var(--animation-smoothing);
    pointer-events: none
}

a.like-button:hover:active .reaction-container svg.animation {
    display: inline-block
}

a.like-button.liked .reaction-container svg.animation {
    display: inline-block;
    opacity: 0;
    transform: scale(5)
}

a.email-reaction-bar,
div.subscribe-footer p {
    font-family: var(--font_family_ui, var(--font-family-text))
}

a.email-reaction-bar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    padding: 8px 16px;
    height: 24px;
    line-height: 24px;
    background: var(--background_pop);
    border-radius: var(--border-radius-lg);
    color: var(--print_on_pop) !important;
    font-size: var(--font-size-16);
    letter-spacing: .5px;
    text-decoration: none !important
}

a.email-reaction-bar img {
    float: left;
    margin-right: 6px;
    height: 24px;
    width: 24px
}

a.email-reaction-bar.compact {
    padding: 6px 10px;
    height: 16px;
    line-height: 16px;
    font-size: 13px
}

a.email-reaction-bar.compact img {
    margin-right: 4px;
    height: 16px;
    width: 16px
}

div.subscribe-footer {
    padding: 48px 0 64px;
    background-color: var(--background_pop);
    color: var(--print_on_pop);
    text-align: center
}

@media screen and (max-width:650px) {
    div.subscribe-footer {
        padding: 24px 0 48px
    }
}

@media print {
    div.subscribe-footer {
        display: none
    }
}

div.subscribe-footer p {
    font-size: 24px;
    color: var(--print_on_pop);
    font-weight: 700
}

@media screen and (min-width:541px) {
    div.subscribe-footer p {
        margin-top: 0
    }
}

div.subscribe-footer .form {
    margin-top: 24px;
    text-align: center
}

div.subscribe-footer .form .sideBySideWrap {
    justify-content: center;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start
}

.full-email-form .form .sideBySideWrap input[type=email],
.intro-popup .full-email-form .form .sideBySideWrap input[type=email],
div.subscribe-footer .form .sideBySideWrap input[type=email] {
    display: inline-block;
    padding: 10px;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font_family_ui, var(--font-family-text));
    line-height: 19px;
    -webkit-appearance: none
}

div.subscribe-footer .form .sideBySideWrap input[type=email] {
    max-width: 183px;
    border: 1px solid #fff;
    border-right: none;
    font-size: var(--font-size-16)
}

div.subscribe-footer .form .sideBySideWrap .button {
    margin-top: 0;
    padding: 10px 15px;
    height: 41px;
    min-width: 128px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    color: var(--print_on_pop);
    font-size: 16px;
    line-height: 19px
}

div.subscribe-footer .form .error {
    color: var(--print_on_pop)
}

div.subscribe-footer .button.primary {
    border: 1px solid #fff
}

.full-email-form .publication-cover-photo,
.intro-popup .full-email-form .publication-cover-photo {
    display: block;
    margin: 0 auto 32px;
    height: 35vh;
    object-fit: contain;
    min-width: 268px;
    max-width: 680px;
    max-height: 680px
}

@media (min-height:550px) {

    .full-email-form .publication-cover-photo,
    .intro-popup .full-email-form .publication-cover-photo {
        min-height: 168px
    }
}

@media screen and (max-width:650px) {

    .full-email-form .publication-cover-photo,
    .intro-popup .full-email-form .publication-cover-photo {
        max-width: 100%;
        max-height: 24vh;
        height: auto;
        min-width: unset;
        min-height: unset;
        margin: 0 auto 18px
    }
}

.full-email-form .publication-logo,
.intro-popup .full-email-form .publication-logo {
    display: block;
    margin: 0 auto 32px;
    width: 84px;
    height: 84px;
    border-radius: var(--border-radius-md);
    flex-shrink: 0
}

@media (max-height:460px) {

    .full-email-form .publication-logo,
    .intro-popup .full-email-form .publication-logo {
        width: 50px;
        height: 50px;
        margin: 0 auto 18px
    }
}

.full-email-form .account-info-customer-support-mode-modal .modal-content .container,
.intro-popup .full-email-form .account-info-customer-support-mode-modal .modal-content .container {
    padding: var(--size-24)
}

.full-email-form .account-info-customer-support-mode-modal .modal-content .container h2,
.full-email-form .account-info-customer-support-mode-modal .modal-content .container p,
.intro-popup .full-email-form .account-info-customer-support-mode-modal .modal-content .container h2,
.intro-popup .full-email-form .account-info-customer-support-mode-modal .modal-content .container p {
    color: var(--color-fg-primary)
}

.full-email-form .publication-name,
.intro-popup .full-email-form .publication-name {
    margin: 0 auto 8px;
    max-width: 450px;
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: var(--cover_print_primary);
    text-align: center
}

.full-email-form .publication-name.with-cover,
.intro-popup .full-email-form .publication-name.with-cover {
    margin-top: 2px
}

.full-email-form .publication-name .balance-text,
.intro-popup .full-email-form .publication-name .balance-text {
    color: var(--cover_print_primary)
}

@media screen and (max-width:650px) {

    .full-email-form .publication-name,
    .intro-popup .full-email-form .publication-name {
        padding: 0 24px
    }
}

@media (max-height:460px) {

    .full-email-form .publication-name,
    .intro-popup .full-email-form .publication-name {
        font-size: 28px;
        line-height: 28px
    }
}

.full-email-form .publication-meta,
.intro-popup .full-email-form .publication-meta {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    color: var(--cover_print_secondary);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 32px;
    margin-top: 8px;
    font-weight: var(--font-weight-semibold)
}

@media screen and (max-width:650px) {

    .full-email-form .publication-meta,
    .intro-popup .full-email-form .publication-meta {
        margin-bottom: 18px;
        margin-top: 8px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.full-email-form .publication-tagline,
.intro-popup .full-email-form .publication-tagline {
    margin: 0 auto 48px;
    max-width: 380px;
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-regular);
    line-height: 23px;
    text-align: center;
    color: var(--cover_print_secondary) !important
}

.full-email-form .publication-tagline.verbose,
.intro-popup .full-email-form .publication-tagline.verbose {
    margin: 0 auto
}

.full-email-form .publication-tagline.with-cover,
.intro-popup .full-email-form .publication-tagline.with-cover {
    max-width: 380px;
    margin-top: 4px
}

@media screen and (max-width:650px) {

    .full-email-form .publication-tagline,
    .intro-popup .full-email-form .publication-tagline {
        padding: 0 24px
    }
}

@media (max-height:460px) {

    .full-email-form .publication-tagline,
    .intro-popup .full-email-form .publication-tagline {
        margin: 0 auto 20px
    }
}

.full-email-form .coupon,
.intro-popup .full-email-form .coupon {
    margin: 0 0 12px;
    color: var(--print_pop);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: var(--font-size-16);
    text-align: center
}

.full-email-form .coupon.loading,
.intro-popup .full-email-form .coupon.loading {
    color: var(--print_secondary, var(--color-fg-secondary))
}

.full-email-form .coupon.error,
.intro-popup .full-email-form .coupon.error {
    color: var(--color-accent-fg-red)
}

.full-email-form .form,
.intro-popup .full-email-form .form {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.full-email-form .form .error,
.intro-popup .full-email-form .form .error {
    color: var(--color-accent-fg-red);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    position: relative;
    right: auto;
    padding: 5px;
    margin-top: 0
}

.full-email-form .form .sideBySideWrap,
.intro-popup .full-email-form .form .sideBySideWrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 380px
}

@media screen and (max-width:650px) {

    .full-email-form .form .sideBySideWrap,
    .intro-popup .full-email-form .form .sideBySideWrap {
        padding: 0 16px
    }
}

.full-email-form .form .sideBySideWrap input[type=email],
.intro-popup .full-email-form .form .sideBySideWrap input[type=email] {
    background: var(--cover_input_background, var(--cover_bg_color, #fff));
    color: var(--cover_print_primary, #000);
    height: 44px;
    border: 1px solid var(--cover_border_color);
    border-right-width: 0;
    font-size: 16px
}

.full-email-form .form .sideBySideWrap input[type=email]::placeholder,
.intro-popup .full-email-form .form .sideBySideWrap input[type=email]::placeholder {
    color: var(--cover_print_secondary, #888)
}

.full-email-form .form .sideBySideWrap .button,
.intro-popup .full-email-form .form .sideBySideWrap .button {
    flex-shrink: 0;
    margin-top: 0;
    height: 44px;
    padding: 10px 18px;
    background: var(--background_pop);
    border: 1px solid var(--cover_border_color);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    color: var(--print_on_pop)
}

.full-email-form .form .sideBySideWrap .button>b,
.intro-popup .full-email-form .form .sideBySideWrap .button>b {
    font-weight: var(--font-weight-semibold);
    font-size: 14px
}

.full-email-form .form .sideBySideWrap .button:active,
.intro-popup .full-email-form .form .sideBySideWrap .button:active {
    opacity: 1
}

.full-email-form .form .sideBySideWrap .button.disabled,
.full-email-form .form .sideBySideWrap .button:active:hover,
.full-email-form .form .sideBySideWrap .button[disabled],
.full-email-form .form .sideBySideWrap .button[readonly],
.intro-popup .full-email-form .form .sideBySideWrap .button.disabled,
.intro-popup .full-email-form .form .sideBySideWrap .button:active:hover,
.intro-popup .full-email-form .form .sideBySideWrap .button[disabled],
.intro-popup .full-email-form .form .sideBySideWrap .button[readonly] {
    opacity: .75
}

.full-email-form .form .sideBySideWrap .button.disabled,
.intro-popup .full-email-form .form .sideBySideWrap .button.disabled {
    position: relative;
    color: transparent
}

.full-email-form .form .subtle-help-text,
.intro-popup .full-email-form .form .subtle-help-text {
    position: fixed;
    bottom: 14px;
    right: 6px;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 11px
}

@media screen and (max-width:650px) {

    .full-email-form .form .subtle-help-text,
    .intro-popup .full-email-form .form .subtle-help-text {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        max-width: 100px;
        text-align: right
    }

    .full-email-form .form .subtle-help-text a,
    .intro-popup .full-email-form .form .subtle-help-text a {
        margin-top: 4px
    }
}

@media (max-height:460px) {

    .full-email-form .form .subtle-help-text,
    .intro-popup .full-email-form .form .subtle-help-text {
        display: none
    }
}

.full-email-form .form .subtle-help-text::after,
.full-email-form .form .subtle-help-text::before,
.intro-popup .full-email-form .form .subtle-help-text::after,
.intro-popup .full-email-form .form .subtle-help-text::before {
    display: block;
    clear: both;
    content: ''
}

.full-email-form .form .subtle-help-text a,
.intro-popup .full-email-form .form .subtle-help-text a {
    margin-right: 9px;
    color: var(--cover_print_secondary)
}

.full-email-form .form .subtle-help-text a.legal,
.intro-popup .full-email-form .form .subtle-help-text a.legal {
    text-decoration: underline
}

@media screen and (min-width:541px) {

    .full-email-form .form .subtle-help-text a.login-button,
    .intro-popup .full-email-form .form .subtle-help-text a.login-button {
        text-decoration: none;
        position: fixed;
        top: 24px;
        right: 24px;
        font-size: 14px
    }

    .full-email-form .form .subtle-help-text a.login-button:hover,
    .intro-popup .full-email-form .form .subtle-help-text a.login-button:hover {
        text-decoration: underline
    }
}

.full-email-form .tos,
.intro-popup .full-email-form .tos {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 15px
}

.full-email-form .tos a,
.intro-popup .full-email-form .tos a {
    color: var(--cover_print_tertiary)
}

@media screen and (max-width:650px) {

    .full-email-form .tos,
    .intro-popup .full-email-form .tos {
        margin-bottom: 15px !important;
        margin-top: auto !important;
        position: static
    }
}

.intro-inline {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    flex: 1;
    justify-content: center;
    margin-top: -140px
}

.intro-popup,
.intro-popup .intro-popup-page {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.intro-popup {
    display: block;
    z-index: 999;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #000;
    text-align: center;
    cursor: default
}

@media screen and (max-height:550px) {
    .intro-popup {
        overflow-y: scroll
    }
}

.intro-popup .intro-popup-page {
    position: absolute;
    z-index: 1000002;
    overflow-y: auto;
    transform: translateX(0);
    background: var(--cover_bg_color)
}

.has-intro-popup .intro-popup,
.show-intro-popup .intro-popup .intro-popup-page {
    transition: transform .3s ease-in-out
}

.intro-popup .intro-popup-page>.full-email-form,
.intro-popup .intro-popup-page>.full-email-form .vertically-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 95%
}

@media screen and (max-width:650px) {
    .intro-popup .intro-popup-page>.full-email-form {
        height: 100%
    }
}

.intro-popup .intro-popup-page>.full-email-form .vertically-centered {
    flex: 1;
    height: 100%;
    width: 100%
}

@media screen and (max-width:650px) {
    .intro-popup .intro-popup-page>.full-email-form .vertically-centered {
        max-height: 100%;
        height: 100%;
        padding: 24px 0;
        overflow: visible
    }
}

@media screen and (max-height:480px) {
    .intro-popup .intro-popup-page>.full-email-form {
        display: block;
        height: auto
    }

    .intro-popup .intro-popup-page>.full-email-form .vertically-centered {
        display: block;
        height: auto;
        padding: 12px 0
    }
}

@media screen and (max-width:1200px) {
    .intro-popup .intro-popup-page .blurbs {
        padding: 0 20px
    }

    .intro-popup .intro-popup-page .blurbs .blurb.blurb {
        width: 320px
    }

    .intro-popup .intro-popup-page .blurbs .blurb.blurb .blurb-text {
        overflow: visible;
        max-height: none
    }
}

@media screen and (max-width:1024px) {

    .intro-popup .intro-popup-page .blurb-buffer,
    .intro-popup .intro-popup-page .blurbs {
        display: none !important
    }
}

@media screen and (max-height:620px) {

    .intro-popup .intro-popup-page .blurb-buffer,
    .intro-popup .intro-popup-page .blurbs {
        display: none !important
    }
}

.intro-popup .intro-popup-page .blurb-buffer {
    flex-basis: 61px;
    flex-shrink: 1
}

.intro-popup .intro-popup-page .blurbs {
    display: flex;
    justify-content: center
}

.intro-popup .intro-popup-page .blurbs .blurb {
    width: 380px
}

.intro-popup .intro-popup-page .blurbs .blurb .blurb-text {
    color: var(--cover_print_secondary);
    max-height: 80px;
    overflow: hidden
}

.intro-popup .intro-popup-page .blurbs a {
    color: var(--cover_print_secondary)
}

html.modal-in,
html.show-intro-popup {
    overflow: hidden
}

.has-intro-popup .intro-popup {
    box-shadow: 0 0 10vh rgba(0, 0, 0, .1);
    transform: translateY(110vh)
}

.has-intro-popup.show-intro-popup body {
    height: 100%;
    width: 100%;
    overflow: scroll
}

.has-intro-popup.show-intro-popup .intro-popup {
    transform: translateY(0)
}

.has-intro-popup.show-intro-popup #main:not(:has(.intro-popup)) {
    visibility: hidden
}

.settings-add-pub-modal-wrapper .container {
    width: 552px !important;
    max-width: 90%
}

.settings-add-pub-modal-wrapper .container .modal-exit-btn {
    display: none
}

.settings-add-pub-modal-wrapper .container h2 {
    margin-top: 36px !important;
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
    font-size: 24px !important;
    line-height: 29px;
    text-align: center
}

.settings-add-pub-modal-wrapper .container .subtext {
    padding-left: 36px;
    padding-right: 36px;
    font-size: 16px !important;
    font-weight: var(--font-weight-regular);
    line-height: 140%;
    margin: 4px 0 24px;
    text-align: center;
    color: #666
}

.settings-add-pub-modal-wrapper .container .single-pub-search {
    margin-left: 36px;
    width: 480px;
    margin-bottom: 20px;
    border-radius: var(--border-radius-sm);
    font-size: 16px;
    color: #a7a7a7
}

.settings-add-pub-modal-wrapper .container textarea {
    margin-left: 26px;
    border-radius: var(--border-radius-sm);
    padding: none
}

.settings-add-pub-modal-wrapper .container .unselect {
    font-weight: var(--font-weight-regular);
    width: fit-content;
    font-size: 14px;
    line-height: 150%;
    color: #666;
    cursor: pointer;
    display: block !important;
    margin: 34px 38px 16px auto;
    text-decoration: none !important
}

.settings-add-pub-modal-wrapper .container .add-button {
    background: var(--background_pop);
    padding: 0;
    cursor: pointer;
    color: #fff;
    width: 480px;
    max-width: 90%;
    height: 48px;
    font-size: 16px;
    border: 0;
    font-weight: var(--font-weight-medium);
    margin: 88px 26px 28px 36px;
    display: block;
    border-radius: var(--border-radius-sm)
}

.settings-add-pub-modal-wrapper .container .pubrow {
    margin-left: 0;
    display: flex;
    height: auto
}

.settings-add-pub-modal-wrapper .container .pubrow .pub-icon,
.settings-add-pub-modal-wrapper .container .pubrow .substack-icon {
    display: inline;
    margin-right: 11px
}

.settings-add-pub-modal-wrapper .container .pubrow .pub-icon img {
    border-radius: var(--border-radius-sm)
}

.settings-add-pub-modal-wrapper .container .pubrow p,
.settings-add-pub-modal-wrapper .container .pubrow>p.pub-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
    color: #666;
    font-weight: var(--font-weight-medium);
    font-size: 16px !important;
    display: inline-block;
    margin: 0 !important
}

.settings-add-pub-modal-wrapper .container .pubrow p {
    max-width: 325px
}

.settings-add-pub-modal-wrapper .container .pubrow>p.pub-name {
    width: calc(100% - 8px);
    max-width: calc(100% - 8px)
}

.settings-add-pub-modal-wrapper .container .pubrow p a {
    color: #666 !important
}

.settings-add-pub-modal-wrapper .container div.pub-meta {
    display: flex;
    flex-direction: column
}

.settings-add-pub-modal-wrapper .container .single-modal-pub {
    height: 40px;
    margin-right: 36px;
    margin-left: 36px;
    margin-top: 16px
}

.settings-add-pub-modal-wrapper .container .single-modal-pub p,
.settings-add-pub-modal-wrapper .container .single-modal-pub p.pub-name {
    font-weight: var(--font-weight-regular);
    font-size: 16px !important;
    line-height: 20px;
    margin-top: 10px !important;
    display: inline-block
}

.settings-add-pub-modal-wrapper .container .single-modal-pub .big-checkbox-input {
    margin-right: 0;
    margin-left: auto
}

.settings-add-pub-modal-wrapper .container .single-modal-pub .big-checkbox-input .big-checkbox {
    background-color: var(--background_secondary);
    border-color: #c2c2c2;
    height: 24px;
    width: 24px
}

.settings-add-pub-modal-wrapper .container .single-modal-pub .big-checkbox-input .checked {
    background-color: var(--background_pop);
    border-color: var(--background_pop)
}

.settings-add-pub-modal-wrapper .container .single-modal-pub .img {
    border-radius: var(--border-radius-sm)
}

@media screen and (min-width:541px) {
    .settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container {
        padding: 36px;
        height: 680px
    }
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .pub-icon {
    text-align: center;
    width: 84px;
    height: 84px;
    margin-left: auto;
    margin-right: auto
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container h2 {
    margin-top: 24px !important
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container p.pub-hero-text {
    color: var(--color-primary-themed);
    font-weight: var(--font-weight-regular);
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 4px 0
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container p.pub-author-subs {
    color: var(--color-primary-themed);
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 12px 0
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container p.why-recommend {
    color: var(--color-primary-themed);
    font-size: 16px;
    line-height: 150%;
    margin-top: 24px;
    margin-bottom: 8px
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container textarea {
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    min-height: 108px;
    height: 100%;
    max-height: 108px;
    font-family: var(--font_family_ui, var(--font-family-text));
    line-height: 24px;
    font-size: 16px;
    padding: 10px;
    border-radius: var(--border-radius-sm);
    border-color: #e0e0e0;
    resize: none
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer {
    margin-top: 36px;
    max-width: 480px;
    width: 100%
}

@media screen and (min-width:541px) {
    .settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer {
        position: absolute;
        bottom: 36px;
        margin: 0
    }
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer p.learn-more {
    color: var(--color-fg-secondary);
    text-align: center;
    font-size: 14px;
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 20px
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer .continue-button {
    height: 48px;
    font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 16px;
    width: 100%
}

.settings-add-pub-modal-wrapper .container .add-recommending-pub-modal-container .footer .continue-button:disabled {
    opacity: .3
}

.header-anchor-parent {
    top: 0;
    height: 100%;
    width: 44px;
    transform: translate(-100%, 0);
    opacity: 0;
    transition: opacity var(--animation-smoothing) var(--animation-timing-fast)
}

@media screen and (max-width:650px) {
    .header-anchor-parent {
        display: none
    }
}

.header-anchor-parent .header-anchor.offset-top {
    top: calc(-1*72px - var(--size-20));
    position: absolute
}

.header-anchor-editor {
    position: absolute;
    height: 32px;
    transform: translateY(-50%)
}

.header-anchor-editor .header-anchor-parent,
.header-anchor-post:hover .header-anchor-parent {
    opacity: 1
}

.header-anchor-post {
    position: relative;
    --highlight-bg: rgba(var(--color-bg-accent-themed-rgb), 0.2)
}

.header-anchor-post.highlight {
    animation: highlight-fade 3s ease-out forwards;
    border-radius: var(--size-2)
}

.post {
    padding: 16px 0 0
}

@media screen and (min-width:768px) {
    .post {
        padding: 32px 0 0
    }
}

@media print {
    @page {
        margin: 16mm
    }
}

.email-body-container .post .audio-player-wrapper,
.email-body-container .post .video-player-wrapper {
    margin-top: .5em
}

.post .post-header .post-label {
    margin-bottom: var(--size-8)
}

@media screen and (max-width:650px) {
    .post .post-header .post-label {
        margin-top: var(--size-8)
    }
}

.post .post-header .post-label a {
    color: var(--color-accent-themed)
}

.post .post-header .post-label a:hover {
    text-decoration: underline
}

.post .post-header .post-title {
    margin: 0;
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: var(--font-size-32);
    line-height: var(--line-height-36)
}

.post .button,
.post .post-header .post-title a {
    text-decoration: none
}

.post .post-header .post-title svg {
    margin-right: var(--size-8);
    margin-bottom: -3px;
    height: var(--size-16);
    width: var(--size-16);
    stroke: var(--color-primary-themed)
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header .post-title a svg.thread,
.post .post-header .post-title svg.thread {
    margin-bottom: -3px
}

.post .post-header .subtitle {
    font-size: var(--font-size-18);
    line-height: var(--line-height-24);
    margin-top: var(--size-12)
}

.post .post-header .post-meta {
    margin: 1em 0;
    height: 20px;
    align-items: center
}

.post .post-header .post-meta .post-meta-item {
    font-weight: var(--font-weight-regular);
    padding-top: 0;
    padding-bottom: 0
}

.post .post-header .post-meta .post-meta-item.author a {
    color: var(--color-fg-primary)
}

.post .post-header .meta-author-wrap {
    margin: 1em 0
}

.post .post-header .meta-author-wrap.alternative-meta {
    table-layout: fixed;
    width: 100%;
    margin: 20px 0
}

.post .post-header .meta-author-wrap.alternative-meta .user-head>a>.profile-img-wrap>img {
    width: 44px;
    height: 44px
}

.post .post-header .meta-author-wrap.alternative-meta tr.meta-author-wrap-row td.meta-author-contents {
    flex: 1
}

.post .post-header .meta-author-wrap.alternative-meta .meta-right-column .meta-author,
.post .post-header .meta-author-wrap.alternative-meta .meta-right-column .meta-author a {
    color: var(--color-fg-primary);
    font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 150%
}

.post .post-header .meta-author-wrap.alternative-meta .meta-right-column table.post-meta {
    table-layout: fixed
}

.post .post-header .meta-author-wrap.alternative-meta .meta-right-column .post-meta {
    width: 100%
}

@media screen and (max-width:650px) {
    .post .post-header .meta-author-wrap.alternative-meta .meta-right-column .post-meta {
        margin-top: 6px
    }
}

.post .post-header .meta-author-wrap .user-head>a>.profile-img-wrap>img {
    width: 45px;
    height: 45px
}

.post .post-header .meta-author-wrap .meta-right-column {
    line-height: 1em
}

.post .post-header .meta-author-wrap .meta-right-column .meta-author {
    color: var(--print_secondary, var(--color-fg-secondary));
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    line-height: 17px
}

.post .post-header .meta-author-wrap .meta-right-column .meta-author a {
    color: var(--print_secondary, var(--color-fg-secondary));
    text-decoration: none
}

.post .post-header .meta-author-wrap .meta-right-column .meta-author a:hover,
.post .post-header.inline-post .post-title a:hover {
    text-decoration: underline
}

.post .post-header .meta-author-wrap .meta-right-column .meta-author a:hover:active {
    opacity: .6
}

.post .post-header .meta-author-wrap .meta-right-column .post-meta {
    margin: 4px 0 0
}

.post .post-header .meta-author-wrap .meta-right-column .post-meta .post-meta-item {
    padding-top: 0;
    padding-bottom: 0
}

.post .post-header .meta-author-wrap .meta-right-column .post-meta .post-meta-item.post-date {
    padding-top: 2px;
    padding-bottom: 2px
}

.post .post-header .meta-author-wrap .meta-right-column .post-meta .post-meta-item.edit-icon .dropdown-menu {
    top: 21px
}

.main-menu .topbar .topbar-content button.writers,
.post .post-header .meta-author-wrap.with-photo .meta-right-column {
    margin-left: 12px
}

.post .post-header .meta-author-wrap.with-photo .meta-right-column .meta-author a {
    color: var(--color-fg-primary)
}

.post .post-header.inline-post .post-title {
    margin: 0;
    font-weight: var(--font-weight-regular);
    font-size: 17px;
    line-height: 19px
}

.post .post-header.inline-post .post-meta {
    margin-bottom: 0
}

.post .post-header.inline-post .post-meta .post-meta-item {
    padding-bottom: 0
}

.post .button {
    font-family: var(--font_family_ui, var(--font-family-text));
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    border: 0;
    height: var(--size-40);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-14);
    line-height: var(--font-size-20);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    background-color: transparent;
    opacity: 1;
    outline: 0;
    white-space: nowrap
}

.post .button:disabled {
    cursor: not-allowed
}

.post .button:hover:active:not(.disabled, .no-active-fade) {
    opacity: .7
}

.post .button.wide {
    width: 100%
}

.post .button.primary {
    background-color: var(--background_pop);
    color: var(--print_on_pop) !important;
    text-decoration: none !important
}

.button.bitcoin span,
.button.primary span,
.post .button.bitcoin,
.post .button.bitcoin span,
.post .button.primary span {
    color: var(--print_on_pop);
    text-decoration: none
}

.post .button.bitcoin {
    background-color: #23272c
}

.post .button.outline,
.post .button.outline-grayscale {
    background: 0 0;
    text-decoration: none !important
}

.post .button.danger span,
.post .button.email span,
.post .button.fill span,
.post .button.google-button span,
.post .button.grey-outline span,
.post .button.outline span,
.post .button.outline-grayscale span,
.post .button.twitter-button span,
.post .button.white-outline span {
    text-decoration: none
}

.post .button.outline {
    border: 1px solid var(--print_pop);
    color: var(--print_pop)
}

.post .button.outline-grayscale {
    border: var(--border-default-themed);
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post .button.fill {
    background: var(--print_pop);
    color: var(--print_on_pop);
    text-decoration: none !important
}

.post .button.fill.fill-twitter {
    background-color: #fff;
    color: var(--color-accent-fg-cyan);
    font-weight: var(--font-weight-semibold)
}

.post .button.fill.fill-secondary {
    background-color: #ffffff33;
    font-weight: var(--font-weight-semibold)
}

.post .button.expander {
    padding: 3px 16px;
    height: auto;
    border: 1px solid #ececec;
    color: #949494;
    font-size: 12px
}

.post .button.danger {
    background-color: var(--color-accent-fg-red);
    color: var(--print_on_pop);
    text-decoration: none !important
}

.post .button.gray {
    background-color: var(--print_secondary, var(--color-fg-secondary));
    color: #fff
}

.post .button.gray-foreground {
    background: 0 0;
    border: 1px solid var(--print_secondary, var(--color-fg-secondary));
    color: var(--print_secondary, var(--color-fg-secondary))
}

.post .button.text-gray-foreground {
    background: 0 0;
    border: 1px solid var(--color-fg-secondary);
    color: var(--color-fg-secondary)
}

.post .button.disabled {
    opacity: .5
}

.post .button.secondary {
    color: var(--print_pop)
}

.post .button.bold {
    font-weight: var(--font-weight-semibold)
}

.post .button.invis {
    padding: 0;
    height: auto
}

.post .button.margin-bottom {
    margin-bottom: var(--size-16)
}

.post .button.email {
    box-sizing: content-box;
    line-height: 1em;
    height: auto;
    padding: 0;
    border: solid var(--background_pop);
    border-width: 12px 20px;
    text-decoration: none !important
}

.post .button.email.heart {
    border-width: 8px 16px
}

.post .button.email.heart img {
    vertical-align: bottom
}

.post .button.grey-outline,
.post .button.white-outline {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none !important
}

.post .button.grey-outline {
    color: #666;
    border: 1px solid #666
}

.post .button.medium-text {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    line-height: 20px
}

.post .button.small,
.post .button.small-no-margin {
    font-size: 13px;
    padding: 6px 12px;
    height: auto
}

.post .button.small {
    margin-top: 10px
}

.post .button.no-margin,
.post .post-end-cta .subscribe-widget p.button-wrapper,
.post .post-end-cta-full .subscribe-widget p.button-wrapper {
    margin: 0
}

.post .button.narrow {
    padding-left: 10px;
    padding-right: 10px
}

.post .button.faint-outline {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    color: #666
}

.post .button.small-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-medium)
}

.post .button.twitter-button {
    background-color: #059ff5;
    padding-left: 50px;
    border: 1px solid #059ff5;
    color: #fff;
    text-decoration: none !important
}

.post .button.twitter-button.centered-icon::before {
    background-repeat: no-repeat;
    background-image: url(../../img/twitter.white.svg);
    background-size: 18px;
    background-position: center;
    content: ' ';
    display: inline-block;
    height: 100%;
    margin-right: 11px;
    vertical-align: text-bottom;
    width: 18px
}

.post .button.twitter-button:not(.centered-icon) {
    background-repeat: no-repeat;
    background-image: url(../../img/twitter.white.svg);
    background-size: 18px;
    background-position: 20px center
}

.post .button.google-button {
    background-repeat: no-repeat;
    background-image: url(../../image/fetch/w_72-c_limit-f_auto-q_auto-good-fl_progressive-steep/img/google.png);
    background-size: 18px;
    background-position: 20px center;
    padding-left: 50px;
    text-decoration: none !important;
    border: 1px solid var(--border_subtle)
}

.post .button.with-icon,
.post-meta.alternative-meta .post-meta-item.icon a,
.post-meta.alternative-meta tr,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.icon a,
.use-theme-bg .post-meta.alternative-meta tr {
    display: flex;
    align-items: center
}

.post .button.with-icon svg {
    margin-right: 10px
}

.post .button.tertiary {
    background: var(--color-bg-secondary);
    border: var(--border-default)
}

.post .button.standardized-medium-width {
    min-width: 125px
}

.post .post-reaction-facepile {
    margin: 12px 24px 12px 0
}

@media screen and (max-width:650px) {
    .post .footer-facepile-container {
        height: var(--size-64);
        padding: 0 var(--size-16);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%
    }
}

.post .footer-facepile-separator {
    background: var(--color-detail-themed);
    margin: 0;
    width: 100%
}

.post .post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:650px) {
    .post .post-footer {
        flex-wrap: wrap
    }
}

@media print {
    .post .post-footer {
        display: none
    }
}

.post .post-footer.use-separators {
    padding: var(--size-16) 0;
    border-top: var(--border-default-themed)
}

@media screen and (max-width:650px) {
    .post .post-footer.use-separators {
        justify-content: center
    }

    .post .post-footer.next-prev {
        height: 64px;
        justify-content: space-between;
        box-sizing: border-box
    }
}

.post .post-footer button.subscribe-btn {
    height: 48px;
    font-weight: var(--font-weight-medium);
    width: 110px;
    padding: 0;
    border-radius: var(--border-radius-sm)
}

.post .post-footer .like-button-container .subscribe-prompt-dropdown {
    bottom: 48px;
    top: auto
}

.post .below-meta-subscribe {
    margin-top: 24px
}

.post .welcome-to-publication-modal .modal-content>div.container {
    width: 496px
}

.post .welcome-to-publication-modal .welcome-to-publication-checkmark-icon {
    display: block;
    margin: 24px auto;
    height: 72px;
    width: 72px
}

.post .welcome-to-publication-modal h2 {
    font-family: Cahuenga;
    margin: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--font-weight-semibold);
    text-align: center
}

.post .welcome-to-publication-modal button.primary {
    width: -webkit-calc(52%);
    width: -moz-calc(52%);
    width: calc(100% - 48px);
    margin: 20px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-accent-fg-orange)
}

.post .welcome-to-publication-modal .subtitle {
    font-size: 16px;
    text-align: center
}

.post .welcome-to-publication-modal div.steps {
    margin: 24px 24px 0;
    max-width: 480px;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm);
    box-sizing: border-box;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px
}

.post .welcome-to-publication-modal div.steps a:not(:last-child) {
    box-shadow: inset 0 -1px 0 var(--border_subtle)
}

.post .welcome-to-publication-modal div.steps a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 24px
}

.post .welcome-to-publication-modal div.steps a p {
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.post .welcome-to-publication-modal div.steps a p:first-child {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility
}

.post .welcome-to-publication-modal div.steps a p:last-child {
    color: var(--print_secondary, var(--color-fg-secondary))
}

.post .welcome-to-publication-modal div.steps a svg {
    height: 24px;
    width: 24px;
    margin-right: 24px
}

.post .post-end-cta,
.post .post-end-cta-full {
    display: flex;
    flex-direction: column;
    align-items: center
}

.post .post-end-cta {
    margin-top: 40px
}

.post .post-end-cta p {
    font-size: 16px;
    line-height: 19.09px;
    margin-bottom: 24px
}

.post .post-end-cta-full {
    padding: var(--size-32) 0;
    border-top: var(--border-default)
}

.post .post-end-cta-full h3 {
    margin-top: 0;
    margin-bottom: var(--size-8);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-24);
    line-height: var(--line-height-28);
    text-align: center
}

.post .post-end-cta p,
.post .post-end-cta-full p {
    text-align: center;
    font-family: var(--font_family_ui, var(--font-family-text))
}

.post .post-end-cta-full p.end-cta-author-subs {
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    margin-bottom: var(--size-8);
    color: var(--color-secondary-themed)
}

.post .post-end-cta-full p.end-cta-hero-text {
    max-width: 80%;
    margin-bottom: 32px;
    font-size: var(--font-size-16);
    line-height: var(--line-height-28)
}

@media print {
    .post .post-end-cta-full {
        display: none
    }
}

.post .post-end-cta .subscribe-widget,
.post .post-end-cta-full .subscribe-widget {
    margin-bottom: 0;
    width: 404px;
    max-width: 100%
}

.post .post-end-cta .subscribe-widget form,
.post .post-end-cta-full .subscribe-widget form {
    max-width: 100%
}

.post .post-end-cta .subscribe-widget .sideBySideWrap input[type=email],
.post .post-end-cta-full .subscribe-widget .sideBySideWrap input[type=email] {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md)
}

.post .post-end-cta .subscribe-widget .sideBySideWrap button[type=submit],
.post .post-end-cta-full .subscribe-widget .sideBySideWrap button[type=submit] {
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
    font-weight: var(--font-weight-medium);
    min-width: 128px
}

.post .post-end-cta .subscribe-widget .sideBySideWrap button[type=submit],
.post .post-end-cta .subscribe-widget .sideBySideWrap input[type=email],
.post .post-end-cta-full .subscribe-widget .sideBySideWrap button[type=submit],
.post .post-end-cta-full .subscribe-widget .sideBySideWrap input[type=email] {
    height: 52px;
    font-size: 16px
}

.post-viewer-post {
    padding: 16px 0 64px
}

.post-viewer-post .audio-embed .audio-embed-play-button {
    border: 0 !important;
    background-color: var(--color-accent-fg-orange) !important
}

.post-viewer-post .audio-embed .audio-embed-play-button svg {
    fill: var(--color-light-bg-primary) !important
}

.post-viewer-post .audio-embed .audio-embed-play-button .pause-icon {
    background-color: var(--color-light-bg-primary) !important
}

.post-viewer-post .podcast-embed {
    border-radius: var(--border-radius-md) !important
}

.post-viewer-post .audio-embed,
.post-viewer-post .podcast-embed {
    width: 700px;
    box-sizing: border-box;
    border: var(--border-default);
    background-color: var(--color-bg-elevated-primary) !important;
    box-shadow: none !important
}

.post-viewer-post .audio-embed {
    margin: 32px auto !important
}

.post-viewer-post .podcast-embed {
    margin: 0 auto
}

.post-viewer-post .audio-embed .audio-button,
.post-viewer-post .podcast-embed .audio-button {
    border-color: var(--color-utility-detail) !important;
    background-color: var(--color-bg-elevated-primary) !important
}

.post-viewer-post .audio-embed .audio-progress-bar,
.post-viewer-post .podcast-embed .audio-progress-bar {
    background-color: var(--color-utility-detail) !important
}

.post-viewer-post .audio-embed .audio-playhead,
.post-viewer-post .podcast-embed .audio-playhead {
    border-color: var(--color-bg-elevated-primary) !important
}

.post-viewer-post .video-player-wrapper {
    margin: 0
}

.post-viewer-post .preamble p,
.post-viewer-post figcaption.image-caption {
    font-family: var(--font-family-serif)
}

.post-viewer-post .file-embed-container-reader {
    background-color: var(--color-bg-elevated-primary);
    border: var(--border-default)
}

.post-viewer-post hr {
    background-color: var(--color-utility-detail);
    margin: var(--size-32) 0
}

.post-viewer-post .embedded-post {
    background: var(--color-bg-elevated-primary);
    border: var(--border-default) !important
}

.post-viewer-post .embedded-post .embedded-post-header {
    border-color: var(--color-utility-detail) !important
}

.post-viewer-post .embedded-post .embedded-post-cta-wrapper {
    border-color: var(--color-utility-detail) !important;
    background: var(--color-bg-elevated-secondary)
}

.post-viewer-post .footnote {
    border-color: var(--color-utility-detail)
}

.post-viewer-post .embedded-publication {
    background: var(--color-bg-elevated-primary);
    border: var(--border-default) !important
}

.post-viewer-post .captioned-button-wrap {
    margin: var(--size-48) auto
}

.post-viewer-post div.subscription-widget-wrap .subscription-widget.show-subscribe,
.post-viewer-post div.subscription-widget-wrap-editor .subscription-widget.show-subscribe {
    padding: 0;
    margin: var(--size-32) auto
}

.post-viewer-post div.subscription-widget-wrap .subscription-widget.show-subscribe:has(>.is-signed-up),
.post-viewer-post div.subscription-widget-wrap-editor .subscription-widget.show-subscribe:has(>.is-signed-up) {
    display: none
}

.post-viewer-post .install-substack-app-embed {
    background: var(--color-bg-elevated-primary);
    border: var(--border-default) !important
}

.post-viewer-post ::marker,
.post-viewer-post ::marker a,
.post-viewer-post a,
.post-viewer-post a a,
.post-viewer-post h1,
.post-viewer-post h1 a,
.post-viewer-post h2,
.post-viewer-post h2 a,
.post-viewer-post h3,
.post-viewer-post h3 a,
.post-viewer-post h4,
.post-viewer-post h4 a,
.post-viewer-post h5,
.post-viewer-post h5 a,
.post-viewer-post h6,
.post-viewer-post h6 a,
.post-viewer-post p,
.post-viewer-post p a,
.post-viewer-post pre.text,
.post-viewer-post pre.text a {
    color: var(--color-fg-primary)
}

.post-viewer-post .image2-inset,
.post-viewer-post .image2-inset img,
.post-viewer-post .image2-inset picture {
    max-width: 100% !important
}

.post-viewer-post .button-wrapper {
    display: flex;
    justify-content: center
}

.post-viewer-post .button-wrapper .button.primary {
    box-sizing: border-box;
    display: flex;
    padding: 0 var(--size-20);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-14);
    height: var(--size-40);
    align-items: center;
    background-color: var(--color-accent-fg-orange)
}

.post-viewer-post .form input,
.post-viewer-post .form input[name=email] {
    background: var(--color-bg-elevated-primary)
}

.post-contributor-footer {
    margin-top: var(--size-16)
}

.post-contributor-footer .post-contributor-bio {
    margin: 28px 0
}

.post-contributor-footer .post-contributor-bio,
.post-contributor-footer .post-contributor-bio-body-table,
.post-contributor-footer .post-contributor-bio-table {
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--color-primary-themed);
    font-size: 16px
}

.post-contributor-footer .post-contributor-bio-table {
    width: 100%
}

.post-contributor-footer .post-contributor-bio-userhead-cell {
    width: 52px
}

.post-contributor-footer .post-contributor-bio-body-cell-web,
.post-contributor-footer .post-contributor-bio-controls-cell-web,
.post-contributor-footer .post-contributor-bio-userhead-cell-web {
    vertical-align: top
}

.post-contributor-footer .post-contributor-bio-preamble {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px
}

.post-contributor-footer .post-contributor-bio-title {
    color: var(--color-primary-themed);
    font-weight: var(--font-weight-semibold);
    display: block;
    text-decoration: none;
    margin-bottom: 7px
}

.post-contributor-footer .post-contributor-bio-title.no-margin,
.post-meta .post-meta-item>span>a.like-button>svg {
    margin-bottom: 0
}

.post-contributor-footer .post-contributor-bio-body {
    margin-left: 16px
}

.post-contributor-footer .post-contributor-bio-body-table {
    margin-top: 0;
    width: 100%
}

.post-contributor-footer .post-contributor-bio .user-head>a>.profile-img-wrap>img {
    width: 52px;
    height: 52px
}

.post-contributor-footer .post-contributor-bio-controls-cell {
    text-align: right
}

.post-contributor-footer .post-contributor-bio-controls {
    margin-left: 50px
}

.post-contributor-footer .post-contributor-bio-controls-email,
div.profile-updater form {
    margin-top: 20px
}

.post-contributor-footer .post-contributor-bio-subscribe-button.button.primary {
    min-height: 42px;
    height: auto;
    white-space: nowrap;
    border-width: 10px 20px;
    padding: 0;
    border-color: var(--background_pop);
    border-style: solid
}

.post-contributor-footer .post-contributor-bio-subscribe-button-label {
    text-decoration: none;
    color: var(--print_on_pop)
}

.post-contributor-footer .post-contributor-bio-text {
    line-height: 24px
}

.post-contributor-footer .post-contributor-bio-no-text .post-contributor-bio-body-cell-web,
.post-contributor-footer .post-contributor-bio-no-text .post-contributor-bio-userhead-cell-web {
    vertical-align: middle
}

@media screen and (max-width:650px) {
    .post-contributor-footer .post-contributor-bio-table {
        display: block
    }

    .post-contributor-footer .post-contributor-bio-table-row {
        display: flex;
        flex-direction: row
    }

    .post-contributor-footer .post-contributor-bio-body-cell,
    .post-contributor-footer .post-contributor-bio-userhead-cell {
        display: block
    }

    .post-contributor-footer .post-contributor-bio-body-cell {
        flex-grow: 1
    }

    .post-contributor-footer .post-contributor-bio-body-table,
    .post-contributor-footer .post-contributor-bio-body-table-row,
    .post-contributor-footer .post-contributor-bio-controls-cell,
    .post-contributor-footer .post-contributor-bio-copy-cell {
        display: block
    }

    .post-contributor-footer .post-contributor-bio-copy-cell {
        margin: 0 0 16px
    }

    .post-contributor-footer .post-contributor-bio-controls-cell {
        width: auto
    }

    .post-contributor-footer .post-contributor-bio-controls {
        margin: auto
    }

    .post-contributor-footer .post-contributor-bio-controls .button.primary {
        width: 100%
    }

    .post-contributor-footer .post-contributor-bio-text {
        font-size: 14px
    }
}

.post-silhouette {
    padding: var(--size-20) 0
}

@media screen and (min-width:768px) {
    .post-silhouette {
        padding: var(--size-32) 0
    }
}

.post-silhouette .post-silhouette-body,
.post-silhouette .post-silhouette-meta,
.post-silhouette .post-silhouette-title {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

.post-silhouette .post-silhouette-body::after,
.post-silhouette .post-silhouette-meta::after,
.post-silhouette .post-silhouette-title::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, var(--color-bg-secondary), var(--color-bg-primary), var(--color-bg-secondary));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.post-silhouette .post-silhouette-title {
    margin-top: 11.67074966px;
    height: 66px
}

@media screen and (max-width:650px) {
    .post-silhouette .post-silhouette-title {
        margin-top: 10.44225025px;
        height: 120px
    }
}

.post-silhouette .post-silhouette-meta {
    margin: 7px 0 17px;
    height: 20px;
    width: 50%
}

@media screen and (max-width:650px) {
    .post-silhouette .post-silhouette-meta {
        width: 75%
    }
}

.post-silhouette .post-silhouette-meta.with-byline-image {
    margin: 22px 0;
    height: 45px
}

@media screen and (max-width:650px) {
    .post-silhouette .post-silhouette-meta.with-byline-image {
        margin: 20px 0
    }
}

.post-silhouette .post-silhouette-body {
    height: 640px
}

.post-meta.alternative-meta .post-meta-item,
.use-theme-bg .post-meta.alternative-meta .post-meta-item {
    padding-right: 20px
}

.post-meta.alternative-meta .post-meta-item .post-meta-button.like-button .like-count,
.use-theme-bg .post-meta.alternative-meta .post-meta-item .post-meta-button.like-button .like-count {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-meta.alternative-meta .post-meta-item .like-button,
.use-theme-bg .post-meta.alternative-meta .post-meta-item .like-button {
    text-indent: 0
}

.post-meta.alternative-meta .post-meta-item .like-button .reaction-container,
.use-theme-bg .post-meta.alternative-meta .post-meta-item .like-button .reaction-container {
    margin-right: 0
}

.post-meta.alternative-meta .post-meta-item .like-button .like-count,
.use-theme-bg .post-meta.alternative-meta .post-meta-item .like-button .like-count {
    margin-left: 7px
}

.post-meta.alternative-meta .post-meta-item.icon,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.icon {
    height: 100%
}

.post-meta.alternative-meta .post-meta-item.icon .comment-count,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.icon .comment-count {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    text-indent: 0;
    margin-left: 7px
}

@media screen and (max-width:650px) {

    .post-meta.alternative-meta .post-meta-item,
    .use-theme-bg .post-meta.alternative-meta .post-meta-item {
        padding-right: 16px
    }
}

@media screen and (max-width:370px) {

    .post-meta.alternative-meta .post-meta-item,
    .use-theme-bg .post-meta.alternative-meta .post-meta-item {
        font-size: 14px
    }
}

.post-meta.alternative-meta .post-meta-item:last-child,
.use-theme-bg .post-meta.alternative-meta .post-meta-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.post-meta.alternative-meta .post-meta-item.post-date,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.post-date {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow-y: visible;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.post-meta.alternative-meta .post-meta-item.post-date::-webkit-scrollbar,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.post-date::-webkit-scrollbar {
    display: none
}

.post-meta.alternative-meta .post-meta-item.post-date time,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.post-date time {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow-y: visible;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.post-meta.alternative-meta .post-meta-item.post-date,
.post-meta.alternative-meta .post-meta-item.post-draft,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.post-date,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.post-draft {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    display: flex;
    align-items: center
}

.post-meta.alternative-meta .post-meta-item.audience-lock,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.audience-lock {
    display: flex;
    align-items: center;
    padding-right: 11px
}

.post-meta.alternative-meta .post-meta-item.audience-lock img,
.post-meta.alternative-meta .post-meta-item.audience-lock svg,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.audience-lock img,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.audience-lock svg {
    margin-left: 0
}

.post-meta.alternative-meta .post-meta-item.audience-lock path:last-child,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.audience-lock path:last-child {
    fill: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-meta.alternative-meta .post-meta-item.edit-icon a>svg,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.edit-icon a>svg {
    stroke-width: 1;
    fill: none
}

.post-meta.alternative-meta .post-meta-item .like-reaction-button .like-button:not(.liked) path,
.post-meta.alternative-meta .post-meta-item path,
.post-meta.alternative-meta .post-meta-item rect,
.post-meta.alternative-meta .post-meta-item svg,
.post-meta.alternative-meta .post-meta-item svg.comment-icon path,
.post-meta.alternative-meta .post-meta-item svg.comment-icon rect,
.post-meta.alternative-meta .post-meta-item svg.comment-icon svg,
.post-meta.alternative-meta .post-meta-item svg.recommend-icon,
.post-meta.alternative-meta .post-meta-item svg.recommend-icon line,
.post-meta.alternative-meta .post-meta-item svg.recommend-icon path,
.post-meta.alternative-meta .post-meta-item svg.recommend-icon polyline,
.post-meta.alternative-meta .post-meta-item svg.recommend-icon rect,
.use-theme-bg .post-meta.alternative-meta .post-meta-item .like-reaction-button .like-button:not(.liked) path,
.use-theme-bg .post-meta.alternative-meta .post-meta-item path,
.use-theme-bg .post-meta.alternative-meta .post-meta-item rect,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.comment-icon path,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.comment-icon rect,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.comment-icon svg,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.recommend-icon,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.recommend-icon line,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.recommend-icon path,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.recommend-icon polyline,
.use-theme-bg .post-meta.alternative-meta .post-meta-item svg.recommend-icon rect {
    fill: none;
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-meta.alternative-meta .post-meta-item a:not(.liked),
.post-meta.alternative-meta .post-meta-item span>a:not(.liked),
.use-theme-bg .post-meta.alternative-meta .post-meta-item a:not(.liked),
.use-theme-bg .post-meta.alternative-meta .post-meta-item span>a:not(.liked),
.use-theme-bg button:not(.pencraft):not(.outline) {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-meta.alternative-meta .post-meta-item.guest-author-publication a,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.guest-author-publication a {
    display: inline;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-meta.alternative-meta .post-meta-item.guest-author-publication a.guest-author-publication-subscribe,
.use-theme-bg .post-meta.alternative-meta .post-meta-item.guest-author-publication a.guest-author-publication-subscribe {
    color: var(--print_pop)
}

@media screen and (max-width:650px) {

    .post-meta.alternative-meta .post-meta-item.guest-author-publication,
    .use-theme-bg .post-meta.alternative-meta .post-meta-item.guest-author-publication {
        display: none
    }
}

.post-meta {
    margin: 0
}

.post-meta .post-meta-item {
    position: relative;
    padding: 0 12px 0 0;
    height: 14px;
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--print_secondary, var(--color-fg-secondary));
    text-decoration: none
}

.post-meta .post-meta-item a:not(.like-button.liked) {
    color: var(--print_secondary, var(--color-fg-secondary))
}

.post-meta .post-meta-item.icon {
    text-indent: 3px
}

.post-meta .post-meta-item .post-meta-button {
    border: var(--border-default-themed);
    color: var(--color-secondary-themed);
    font-size: 16px;
    height: auto;
    line-height: 15px;
    padding: 10px 16px
}

.post-meta .post-meta-item .post-meta-button:hover {
    background: var(--color-bg-secondary-themed)
}

.post-meta .post-meta-item .post-meta-button amp-img,
.post-meta .post-meta-item .post-meta-button img,
.post-meta .post-meta-item .post-meta-button svg {
    margin-right: 4px
}

@media screen and (max-width:370px) {
    .post-meta .post-meta-item .post-meta-button {
        height: 36px !important
    }

    .post-meta .post-meta-item .post-meta-button .meta-button-label {
        display: none
    }

    .post-meta .post-meta-item .post-meta-button>svg {
        margin-right: 0
    }
}

.post-meta .post-meta-item:last-child {
    margin-right: 0;
    padding-right: 0
}

@media screen and (max-width:370px) {
    .post-meta .post-meta-item {
        font-size: 12px
    }
}

.post-meta .post-meta-item svg.post-meta-icon,
.post-meta .post-meta-item svg.post-meta-icon path,
.post-meta .post-meta-item svg.post-meta-icon rect {
    fill: transparent;
    stroke: var(--print_secondary, var(--color-fg-secondary))
}

.post-meta .post-meta-item .like-button path,
.post-meta .post-meta-item .post-meta-save-button path,
.post-meta .post-meta-item svg.recommend-icon,
.post-meta .post-meta-item svg.recommend-icon line,
.post-meta .post-meta-item svg.recommend-icon path,
.post-meta .post-meta-item svg.recommend-icon polyline,
.post-meta .post-meta-item svg.recommend-icon rect {
    stroke: var(--print_secondary, var(--color-fg-secondary));
    fill: none
}

.post-meta .post-meta-item .like-button.liked path {
    stroke: var(--color-accent-fg-red);
    fill: var(--color-accent-fg-red)
}

.post-meta .post-meta-item .post-meta-save-button.isSaved path {
    stroke: var(--color-accent-fg-orange);
    fill: var(--color-accent-fg-orange)
}

.post-meta .post-meta-item.author {
    line-height: 18px
}

.post-meta .post-meta-item.author a:hover {
    text-decoration: underline
}

.post-meta .post-meta-item.icon,
.post-meta .post-meta-item.post-date {
    white-space: nowrap
}

.post-meta .post-meta-item.audience-lock {
    padding-right: 9px
}

.post-meta .post-meta-item.audience-lock img,
.post-meta .post-meta-item.audience-lock svg {
    margin-left: -4px
}

.post-meta .post-meta-item.audience-lock img {
    margin-top: -3px
}

.post-meta .post-meta-item.audience-lock rect {
    fill: none
}

.post-meta .post-meta-item.audience-lock rect:last-child {
    fill: var(--print_secondary, var(--color-fg-secondary))
}

.post-meta .post-meta-item.email-sent svg {
    margin-bottom: -2px;
    fill: var(--print_secondary, var(--color-fg-secondary))
}

.post-meta .post-meta-item a:not(.liked),
.post-meta .post-meta-item span>a:not(.liked) {
    text-decoration: none
}

.post-meta .post-meta-item>a,
.post-meta .post-meta-item>span>a {
    display: block
}

.post-meta .post-meta-item>a:hover:active,
.post-meta .post-meta-item>span>a:hover:active,
.user-head>a>.profile-img-wrap>amp-img:hover:active,
.user-head>a>.profile-img-wrap>img:hover:active {
    opacity: .6
}

.post-meta .post-meta-item>a amp-img,
.post-meta .post-meta-item>a img,
.post-meta .post-meta-item>a svg,
.post-meta .post-meta-item>span>a amp-img,
.post-meta .post-meta-item>span>a img,
.post-meta .post-meta-item>span>a svg {
    display: inline-block;
    float: left;
    height: 14px;
    width: auto;
    vertical-align: top
}

.post-meta .post-meta-item.edit-icon a>svg,
.post-meta .post-meta-item>svg.comment-icon {
    fill: var(--print_secondary, var(--color-fg-secondary))
}

.post-meta .post-meta-item.edit-icon a>svg {
    stroke-width: 0
}

.post-meta .post-meta-item.edit-icon .dropdown-menu {
    top: 28px;
    left: 10px;
    max-width: 280px
}

.post-meta.big .post-meta-item {
    height: 100%
}

.post-meta.big.alternative-meta>tbody>tr>td.post-meta-item:not(:last-child),
.post-meta.big.alternative-meta>tr>td.post-meta-item:not(:last-child),
.post-meta.big>tbody>tr>td.post-meta-item:not(:last-child),
.post-meta.big>tr>td.post-meta-item:not(:last-child) {
    padding-right: 16px
}

.post-meta.big>tbody>tr>td.post-meta-item,
.post-meta.big>tr>td.post-meta-item {
    height: 18px;
    font-size: 14px;
    line-height: 18px
}

.post-meta.big>tbody>tr>td.post-meta-item>a:not(.button)>img,
.post-meta.big>tbody>tr>td.post-meta-item>a:not(.button)>svg,
.post-meta.big>tbody>tr>td.post-meta-item>span>a:not(.button)>img,
.post-meta.big>tbody>tr>td.post-meta-item>span>a:not(.button)>svg,
.post-meta.big>tr>td.post-meta-item>a:not(.button)>img,
.post-meta.big>tr>td.post-meta-item>a:not(.button)>svg,
.post-meta.big>tr>td.post-meta-item>span>a:not(.button)>img,
.post-meta.big>tr>td.post-meta-item>span>a:not(.button)>svg {
    height: 18px
}

.post-meta .share-tooltip-wrap {
    position: absolute;
    z-index: 1;
    top: 42px;
    left: -40px;
    width: calc(100vw - 30px);
    max-width: 728px
}

.post-meta .share-tooltip-wrap .share-tooltip {
    float: left;
    padding: 10px;
    background: var(--background_pop);
    border-radius: var(--border-radius-sm);
    color: var(--print_on_pop);
    font-size: 16px;
    line-height: 19px;
    cursor: pointer
}

.post-meta .share-tooltip-wrap .share-tooltip::before {
    position: absolute;
    top: -8px;
    left: 40px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--background_pop);
    content: ''
}

.available-content {
    display: flex
}

.available-content .paywall-fade,
div.twitter-publications .select-all div.error-box {
    position: relative
}

.available-content .paywall-fade .paywall-text-blocker {
    height: 100%;
    max-height: 224px;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: auto;
    background-image: -webkit-linear-gradient(hsla(var(--web_bg_color_h, 0), var(--web_bg_color_s, 0%), var(--web_bg_color_l, 100%), 0), var(--web_bg_color, var(--color-bg-primary)))
}

.text-selection-highlighted {
    background-color: rgba(255, 255, 46, .4)
}

.text-selection-url {
    background-color: rgba(201, 95, 19, .4);
    cursor: pointer
}

.button.with-icon svg,
.text-highlight-save-icon {
    margin-right: 10px
}

.use-theme-bg .post .page-title,
.use-theme-bg .post .page-title a,
.use-theme-bg .post .subtitle,
.use-theme-bg .post h1,
.use-theme-bg .post h1 a,
.use-theme-bg .post h1.title a,
.use-theme-bg .post h2,
.use-theme-bg .post h2 a,
.use-theme-bg .post h3,
.use-theme-bg .post h3 a,
.use-theme-bg .post h4,
.use-theme-bg .post h4 a,
.use-theme-bg .post h5,
.use-theme-bg .post h5 a,
.use-theme-bg .post h6,
.use-theme-bg .post h6 a,
.use-theme-bg .post p,
.use-theme-bg .post p a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .post .captioned-image-container figcaption,
.use-theme-bg .post .captioned-image-container-static figcaption,
.use-theme-bg .post .subtitle,
.use-theme-bg .post a.ui-secondary {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .use-theme-bg .post h1,
    .use-theme-bg .post h2,
    .use-theme-bg .post h3,
    .use-theme-bg .post h4,
    .use-theme-bg .post h5,
    .use-theme-bg .post h6,
    .use-theme-bg .post p {
        color: #000
    }

    .use-theme-bg .post h1 a,
    .use-theme-bg .post h2 a,
    .use-theme-bg .post h3 a,
    .use-theme-bg .post h4 a,
    .use-theme-bg .post h5 a,
    .use-theme-bg .post h6 a,
    .use-theme-bg .post p a {
        color: #00f
    }
}

@media print {
    .use-theme-bg .post a.ui-secondary a {
        color: #00f
    }
}

.use-theme-bg .post-preview .post-preview-restack .restack {
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post .captioned-image-container figcaption a,
.use-theme-bg .post-preview .post-preview-content>.post-preview-title {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .post-header>.post-title svg,
.use-theme-bg .post-header>.post-title svg path,
.use-theme-bg .post-preview .post-preview-content>.post-preview-title svg,
.use-theme-bg .post-preview .post-preview-content>.post-preview-title svg path {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .post-header .meta-author-wrap .meta-right-column .meta-author,
.use-theme-bg .post-preview .post-preview-content>.post-preview-author,
.use-theme-bg .post-preview .post-preview-content>.post-preview-description {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-preview .post-preview-content>.post-preview-author a {
    color: inherit
}

.use-theme-bg .post-preview:hover {
    background-color: var(--color-bg-secondary-themed);
    box-shadow: -16px 0 0 0 var(--color-bg-secondary-themed), 16px 0 0 0 var(--color-bg-secondary-themed)
}

.use-theme-bg .post-preview-silhouette .post-preview-silhouette-author,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-description,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-image,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-meta,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-title,
.use-theme-bg .post-silhouette .post-silhouette-body,
.use-theme-bg .post-silhouette .post-silhouette-meta,
.use-theme-bg .post-silhouette .post-silhouette-title {
    background-color: var(--web_bg_color, var(--color-bg-primary));
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

.use-theme-bg .post-silhouette .post-silhouette-body::after,
.use-theme-bg .post-silhouette .post-silhouette-meta::after,
.use-theme-bg .post-silhouette .post-silhouette-title::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, rgba(50, 50, 50, .1), rgba(200, 200, 200, .1), rgba(50, 50, 50, .1));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.use-theme-bg .post-preview-silhouette .post-preview-silhouette-author::after,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-description::after,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-image::after,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-meta::after,
.use-theme-bg .post-preview-silhouette .post-preview-silhouette-title::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, rgba(40, 40, 40, .1), rgba(210, 210, 210, .1), rgba(40, 40, 40, .1));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.use-theme-bg .post-header .meta-author-wrap.alternative-meta .meta-right-column .meta-author,
.use-theme-bg .post-header .meta-author-wrap.alternative-meta .meta-right-column .meta-author a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-weight: var(--font-weight-medium);
    font-size: 16px;
    line-height: 150%
}

.use-theme-bg .post-header .meta-author-wrap.with-photo .meta-right-column .meta-author a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .post-meta {
    font-weight: var(--font-weight-regular)
}

.use-theme-bg .post-meta .post-meta-item {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg line,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg path,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg polyline,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg rect,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon line,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon path,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon polyline,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon rect {
    fill: transparent;
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg line.recommend-icon,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg path.recommend-icon,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg polyline.recommend-icon,
.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg rect.recommend-icon,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon line.recommend-icon,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon path.recommend-icon,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon polyline.recommend-icon,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon rect.recommend-icon {
    stroke: none;
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item .like-button:not(.liked) svg.email-sent svg,
.use-theme-bg .post-meta .post-meta-item svg.post-meta-icon.email-sent svg {
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item.audience-lock rect {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item.audience-lock rect:last-child {
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item a:not(.liked),
.use-theme-bg .post-meta .post-meta-item span>a:not(.liked) {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.use-theme-bg .post-meta .post-meta-item .dropdown-menu a:not(.liked) {
    color: var(--color-fg-primary)
}

.ufi-preamble.themed .post-ufi-preamble-icon.lock-icon rect,
.use-theme-bg .post-meta .post-meta-item.edit-icon a>svg {
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.facepile-tooltip .dropdown-menu {
    min-width: auto
}

.facepile-tooltip .dropdown-menu .dropdown-menu-wrapper {
    overflow-y: hidden;
    padding: 0 2px
}

div.post-meta-actions-web {
    display: flex;
    align-items: baseline
}

.post .floating-subscribe-button {
    position: fixed;
    bottom: 32px;
    right: 40px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    box-shadow: 0 5px 16px -5px rgba(0, 0, 0, .25)
}

@media screen and (max-width:650px) {
    .post .floating-subscribe-button {
        bottom: 20px;
        right: 20px
    }
}

.footnote-hovercard-target {
    display: inline-block
}

.footnote-hovercard {
    font-size: 75%
}

.footnote-hovercard .markup {
    padding: var(--size-4)
}

.footnote-hovercard,
.footnote-hovercard .footnote-content :last-child,
.footnote-hovercard .markup {
    margin-bottom: 0
}

.post-preview-cover-image-container--empty {
    background-image: url(https://substackcdn.com/image/fetch/w_128,c_scale,f_png,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack.com%2Ficon%2FSubstackIcon%3Fheight%3D128%26fill%3D%2523DDDDDD%26stroke%3D%2523DDDDDD);
    background-position: center;
    background-color: var(--color-bg-secondary);
    background-size: 64px;
    background-repeat: no-repeat;
    box-shadow: none
}

.use-theme-bg .post-preview-cover-image-container--empty {
    background-color: var(--background_contrast_2)
}

.podcast-description--clamped {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width:650px) {
    .podcast-description--clamped {
        -webkit-line-clamp: 2
    }
}

.paywall {
    position: relative;
    padding: 40px 32px;
    background: var(--background_pop);
    font-family: var(--font_family_ui, var(--font-family-text));
    line-height: 1em;
    text-align: center;
    margin-bottom: 16px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.paywall::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 14px rgba(0, 0, 0, .25);
    content: '';
    pointer-events: none
}

.paywall .paywall-intro,
.paywall .paywall-title {
    font-size: 14px;
    font-weight: var(--font-weight-light)
}

.paywall .paywall-title {
    margin: 0 auto;
    color: inherit !important;
    font-size: 22px;
    line-height: 29px
}

.paywall,
.paywall .paywall-title a {
    color: var(--print_on_pop)
}

.paywall .paywall-title.unlock-treatment-new {
    margin-top: 8px;
    margin-bottom: 20px;
    font-weight: var(--font-weight-medium)
}

.paywall .paywall-unlock-avatar {
    position: absolute;
    left: calc(50% - 32px);
    top: -32px;
    z-index: 1
}

.paywall .paywall-cta-icon.paywall-cta-icon {
    padding: 12px 16px;
    height: auto
}

.paywall .paywall-subtitle {
    margin: 0 auto;
    color: inherit !important;
    font-size: 16px;
    font-weight: var(--font-weight-light);
    line-height: 29px
}

.paywall .paywall-free-trial-subtitle {
    padding: 16px 10px 0
}

.paywall .paywall-cta {
    margin-top: var(--size-24)
}

.paywall .paywall-cta a {
    cursor: pointer
}

.paywall .paywall-cta a button {
    cursor: pointer;
    padding: 16px 24px;
    height: auto;
    background-color: var(--print_on_pop) !important;
    border: 1px solid var(--print_on_pop) !important;
    border-radius: var(--border-radius-sm);
    color: var(--background_pop) !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 1em
}

.paywall .paywall-cta .icon svg {
    stroke: var(--color-accent-themed)
}

.paywall .paywall-login,
.paywall .paywall-secondary-cta {
    margin-top: 20px;
    font-size: 12px;
    font-weight: var(--font-weight-light)
}

.paywall .paywall-login a,
.paywall .paywall-secondary-cta a {
    color: inherit;
    text-decoration: none
}

.paywall .paywall-login a:hover:active,
.paywall .paywall-secondary-cta a:hover:active {
    opacity: .7
}

.paywall.modal-paywall {
    position: static;
    background: 0 0;
    color: var(--color-fg-primary)
}

.paywall.modal-paywall::after {
    display: none
}

.paywall.modal-paywall .paywall-cta a button {
    background: var(--background_pop) !important;
    color: var(--print_on_pop) !important
}

.paywall.paywall-white-background {
    background: var(--color-bg-primary);
    color: var(--color-fg-primary);
    border-top: solid 2px var(--print_pop);
    padding: 32px 24px 16px;
    margin-top: 6px
}

.paywall.paywall-white-background div.paywall-cta {
    margin-top: 0
}

.paywall-container h3,
.paywall-container.pop h3,
.paywall.paywall-white-background h2 {
    font-weight: var(--font-weight-bold);
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 6px
}

.paywall.paywall-white-background p.paywall-subtitle {
    font-weight: light;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

.paywall-minimal .paywall-cta .button,
.paywall.paywall-white-background a.subscribe-btn {
    font-weight: var(--font-weight-regular);
    padding: 16px 20px;
    height: auto;
    line-height: 1em
}

.paywall-minimal {
    border-top: solid 1px #eee;
    padding-top: 16px
}

.paywall-minimal .paywall-cta {
    text-align: center;
    margin-bottom: 50px
}

.paywall-minimal .paywall-cta .button {
    margin-top: 28px;
    padding: 16px;
    font-size: 16px;
    line-height: 16px
}

.paywall-container {
    padding: 20px 0;
    width: 548px;
    max-width: 100%;
    margin: auto;
    background: var(--web_bg_color, var(--color-bg-primary));
    color: var(--print_on_pop);
    line-height: 1em;
    text-align: center;
    cursor: default
}

.paywall-container,
.paywall-container .paywall-intro,
.paywall-container p {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.paywall-container .paywall-intro {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-size: 14px;
    font-weight: var(--font-weight-light)
}

.paywall-container h3,
.paywall-container.pop h3 {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: 24px;
    margin-bottom: 32px
}

.paywall-container p {
    font-weight: var(--font-weight-regular);
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 32px
}

.paywall-container .paywall-login,
.paywall-container .paywall-secondary-cta,
.paywall-container.pop .paywall-login,
.paywall-container.pop .paywall-secondary-cta {
    margin-top: 4px
}

.paywall-container .paywall-login p,
.paywall-container .paywall-secondary-cta p {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    line-height: 21px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.paywall-container.pop {
    background: var(--background_pop)
}

.paywall-container.pop h3 {
    margin-bottom: 6px;
    color: var(--print_on_pop)
}

.paywall-container.pop p {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-weight: var(--font-weight-regular);
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 32px;
    color: var(--print_on_pop)
}

.paywall-container.pop .paywall-login p,
.paywall-container.pop .paywall-secondary-cta p {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    line-height: 21px;
    color: var(--cover-print-secondary)
}

.paywall-container.pop .paywall-login p a,
.paywall-container.pop .paywall-secondary-cta p a {
    color: var(--cover-print-secondary)
}

.paywall-container,
.paywall-parent-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.paywall-parent-container.pop {
    background-color: var(--background_pop);
    box-shadow: 0 0 14px rgba(0, 0, 0, .25)
}

.paywall-line-break hr,
.paywall-line-break-wide hr {
    margin: 0;
    background-color: var(--cover_print_secondary)
}

.paywall-line-break-wide hr {
    width: 300%;
    left: -100%;
    overflow: hidden;
    position: relative
}

.audio-player-wrapper .audio-player-buttons.audio-player-paywall {
    width: auto;
    text-align: center
}

.audio-player-wrapper .audio-player-buttons.audio-player-paywall a {
    float: none
}

.account-info-customer-support-mode-modal .modal-content .container h2,
.account-info-customer-support-mode-modal .modal-content .container p,
.audio-player-wrapper .audio-player-buttons.audio-player-paywall a button {
    color: var(--color-fg-primary)
}

.audio-player-wrapper .audio-player-buttons.audio-player-paywall a button img,
.audio-player-wrapper .audio-player-buttons.audio-player-paywall a button svg {
    margin: 0 8px -2px 0;
    height: 16px;
    width: 13px
}

.audio-player-wrapper .audio-player-buttons.audio-player-paywall a button svg {
    fill: #000;
    stroke: #000
}

.audio-player-wrapper .audio-player-buttons.audio-player-paywall a button img {
    position: relative;
    bottom: 3px
}

.subscription-benefits {
    font-family: var(--font_family_ui, var(--font-family-text));
    margin-bottom: 32px
}

.subscription-benefits div,
.subscription-benefits h3 {
    font-size: 16px
}

.subscription-benefits h3 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 26px
}

.subscription-benefits tr {
    height: 28.8px
}

.subscription-benefits tr .check {
    padding-right: 4px;
    color: var(--color-accent-fg-green)
}

.subscription-benefits tr td {
    font-weight: light
}

.main-menu {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    display: flex;
    flex-direction: column
}

.main-menu.with-nav .main-menu-content .topbar .topbar-content {
    border: 0
}

@media screen and (max-width:650px) {
    .main-menu.with-nav .main-menu-content .topbar .topbar-content {
        padding-bottom: 0
    }
}

.main-menu.with-nav .topbar-spacer {
    height: 120px
}

@media screen and (max-width:650px) {
    .main-menu.with-nav .topbar-spacer {
        height: 89px
    }
}

.main-menu.low-chrome .topbar-content {
    height: 56px;
    box-sizing: border-box
}

.main-menu.with-wordmark .main-menu-content .topbar .topbar-content {
    padding: var(--size-24) var(--size-20)
}

@media screen and (max-width:650px) {
    .main-menu.with-wordmark .main-menu-content .topbar .topbar-content {
        padding: var(--size-12)
    }
}

.main-menu.with-wordmark .topbar-spacer {
    height: 88px
}

@media screen and (max-width:650px) {
    .main-menu.with-wordmark .topbar-spacer {
        height: 56px
    }

    .main-menu.with-wordmark.with-nav .main-menu-content .topbar .topbar-content {
        padding: var(--size-12) var(--size-12) 0
    }
}

.main-menu.with-wordmark.with-nav .topbar-spacer {
    height: 136px
}

@media screen and (max-width:650px) {
    .main-menu.with-wordmark.with-nav .topbar-spacer {
        height: 89px
    }
}

@media print {
    .main-menu {
        display: none
    }
}

.main-menu .main-menu-content {
    position: absolute;
    z-index: 1;
    width: 100%
}

.main-menu .main-menu-content .topbar {
    z-index: 3;
    background: var(--color-bg-primary);
    -webkit-tap-highlight-color: transparent
}

.main-menu .main-menu-content .topbar .topbar-content {
    padding: var(--size-16) var(--size-20);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--size-12);
    border-bottom: var(--border-default)
}

@media screen and (max-width:650px) {
    .main-menu .main-menu-content .topbar .topbar-content {
        padding: var(--size-12)
    }
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-logo-container a {
    display: flex
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-logo-container a .navbar-logo,
.main-menu .navbar-buttons .button {
    height: var(--size-40);
    border-radius: var(--border-radius-sm)
}

@media screen and (max-width:650px) {
    .main-menu .main-menu-content .topbar .topbar-content .navbar-logo-container a .navbar-logo {
        height: var(--size-32)
    }

    .main-menu .main-menu-content .topbar .topbar-content .navbar-logo-container.no-logo {
        display: none
    }
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-title {
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    flex: 1 1 auto;
    font-size: var(--font-size-24);
    line-height: var(--size-32);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

@media screen and (min-width:631px) {
    .main-menu .main-menu-content .topbar .topbar-content .navbar-title.loading {
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
}

@media screen and (max-width:650px) {
    .main-menu .main-menu-content .topbar .topbar-content .navbar-title {
        font-size: var(--font-size-14)
    }
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-title.left-align,
div.twitter-publications .landing h2,
div.twitter-publications .pub-list h2,
div.twitter-publications h2,
div.twitter-publications section {
    text-align: left
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-title .navbar-title-link {
    cursor: pointer;
    text-decoration: none
}

.main-menu .main-menu-content .topbar .topbar-content .navbar-title .navbar-title-link .navbar-logo-wordmark {
    height: 36px;
    margin-bottom: -6px
}

@media screen and (max-width:650px) {
    .main-menu .main-menu-content .topbar .topbar-content .navbar-title .navbar-title-link .navbar-logo-wordmark {
        height: 20px;
        margin-bottom: -5px
    }
}

.main-menu .navbar-buttons {
    flex-shrink: 0;
    align-items: center;
    display: flex;
    gap: var(--size-8)
}

@media screen and (max-width:650px) {
    .main-menu .navbar-buttons {
        gap: var(--size-4)
    }
}

.main-menu .navbar-buttons .button {
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-14);
    font-weight: var(--font-weight-semibold);
    padding: 0 20px;
    margin: 0;
    white-space: nowrap
}

@media screen and (max-width:650px) {
    .main-menu .navbar-buttons .button:not(.force-desktop) {
        font-size: var(--font-size-12);
        line-height: var(--line-height-20);
        letter-spacing: 0;
        padding: 0 var(--size-8);
        border-radius: var(--border-radius-sm);
        height: var(--size-32)
    }
}

.main-menu .navbar-buttons .button.rounded-btn {
    border-radius: var(--border-radius-lg)
}

.main-menu .navbar-buttons .button.user-indicator {
    border-radius: var(--border-radius-lg);
    padding: 5px 5px 5px 12px
}

@media screen and (max-width:650px) {
    .main-menu .navbar-buttons .button.user-indicator:not(.force-desktop) {
        border-radius: var(--border-radius-sm);
        padding: 0;
        border: 0
    }
}

.main-menu .navbar-buttons .button.sign-in-link {
    min-width: 40px;
    border: 0;
    padding: 0 var(--size-12)
}

@media screen and (max-width:650px) {
    .main-menu .navbar-buttons .button.sign-in-link:not(.force-desktop) {
        padding: 0 0 0 var(--size-4);
        text-align: center
    }
}

.main-menu .navbar-buttons .menu-button {
    margin: 0
}

.main-menu .topbar::before {
    display: block;
    position: absolute;
    top: -500px;
    width: 100%;
    height: 500px;
    background: #fff;
    content: ''
}

.main-menu.homepage .container {
    width: auto;
    max-width: 1400px
}

.main-menu .topbar-spacer {
    width: 100%;
    height: 72px
}

@media screen and (max-width:650px) {
    .main-menu .topbar-spacer {
        height: 56px
    }
}

.main-menu .topbar .topbar-content .publication-picker.dropdown-menu {
    top: 70%
}

.main-menu .topbar .topbar-content button .publication-picker.dropdown-menu .dropdown-menu-wrapper {
    min-width: 120px
}

.main-menu .topbar .topbar-content button .publication-picker.dropdown-menu .dropdown-menu-wrapper a {
    display: flex;
    align-items: center;
    padding: 4px 10px
}

.main-menu .topbar .topbar-content button.about .dropdown-menu {
    left: 262px
}

.main-menu .topbar .topbar-content button.writers .dropdown-menu {
    left: 167px
}

.main-menu .topbar .topbar-content .menu-buttons-break {
    height: 0;
    flex-basis: 100%
}

.main-menu .topbar .topbar-content.homepage {
    justify-content: flex-start;
    align-items: center
}

.main-menu .topbar .topbar-content.homepage .home-menu,
table.thread-head .post-header .post-title a amp-img.thread,
table.thread-head .post-header .post-title a img.thread {
    margin-right: 8px
}

.main-menu .topbar .topbar-content.homepage .menu-button:active {
    color: inherit;
    opacity: .7
}

@media screen and (max-width:650px) {
    .main-menu .topbar .topbar-content.homepage .menu-button {
        display: none
    }
}

.main-menu .topbar .section-bar {
    border-bottom: var(--border-default)
}

@media screen and (min-width:631px) {
    .main-menu .topbar .section-bar {
        border-top: var(--border-default)
    }
}

.main-menu .topbar .section-bar .menu-item {
    background: var(--color-bg-primary);
    color: var(--color-fg-primary);
    font-size: var(--font-size-14);
    letter-spacing: var(--letter-spacing-14);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-medium);
    padding: 0
}

.main-menu .topbar .section-bar .menu-item:last-of-type {
    padding-right: var(--size-4)
}

@media screen and (max-width:650px) {
    .main-menu .topbar .section-bar .menu-item {
        font-size: var(--font-size-14)
    }
}

.main-menu .topbar .section-bar .menu-item.selected .trigger,
.main-menu .topbar .section-bar .menu-item.selected a {
    font-weight: var(--font-weight-bold)
}

.main-menu .topbar .section-bar .menu-item.selected a .overflow-item-text {
    box-shadow: inset 0 -3px 0 var(--color-fg-primary)
}

.main-menu .topbar .section-bar .menu-item.overflow-menu.loading {
    box-shadow: -20px 0 20px 0 var(--web_bg_color, var(--color-bg-primary))
}

.main-menu .topbar .section-bar .menu-item a,
.main-menu .topbar .section-bar .menu-item.overflow-menu {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 12px;
    text-decoration: none
}

.main-menu .topbar .section-bar .menu-item a .overflow-item-text,
.main-menu .topbar .section-bar .menu-item.overflow-menu .overflow-item-text {
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.main-menu .topbar .section-bar .menu-item a .trigger,
.main-menu .topbar .section-bar .menu-item.overflow-menu .trigger {
    cursor: pointer;
    display: flex;
    line-height: 20px
}

@media screen and (min-width:631px) {

    .main-menu .topbar .section-bar .menu-item.menu-item:hover,
    .main-menu .topbar .section-bar .menu-item:hover .trigger {
        color: var(--color-fg-primary);
        background-color: var(--color-bg-secondary)
    }
}

.main-menu .topbar .section-bar .overflow-dropdown {
    min-width: 200px;
    padding: 8px
}

.main-menu .topbar .section-bar .overflow-dropdown.tooltip {
    border-radius: var(--border-radius-md);
    right: 16px
}

.main-menu .topbar .section-bar .overflow-dropdown.drawer {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-sizing: border-box;
    padding-top: 10px
}

.main-menu .topbar .section-bar .overflow-dropdown .dropdown-menu-wrapper {
    max-height: 500px
}

.main-menu .topbar .section-bar .overflow-dropdown .dropdown-menu-wrapper a,
.main-menu .topbar .section-bar .overflow-dropdown .dropdown-menu-wrapper span {
    min-height: 48px
}

@media screen and (max-width:650px) {

    .main-menu .topbar .section-bar .overflow-dropdown .dropdown-menu-wrapper a,
    .main-menu .topbar .section-bar .overflow-dropdown .dropdown-menu-wrapper span {
        font-size: 16px
    }
}

.main-menu .topbar .section-bar .overflow-dropdown .menu-item a,
.main-menu .topbar .section-bar .overflow-dropdown .menu-item span {
    align-items: center;
    border-radius: var(--border-radius-sm);
    color: var(--color-fg-primary);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 21px;
    padding: 0 8px;
    text-align: left
}

.main-menu .topbar .section-bar .overflow-dropdown .menu-item a.selected,
.main-menu .topbar .section-bar .overflow-dropdown .menu-item span.selected {
    color: var(--print_pop);
    font-weight: var(--font-weight-bold)
}

.main-menu .topbar .section-bar .overflow-dropdown .menu-item a.selected,
.main-menu .topbar .section-bar .overflow-dropdown .menu-item a:hover,
.main-menu .topbar .section-bar .overflow-dropdown .menu-item span.selected,
.main-menu .topbar .section-bar .overflow-dropdown .menu-item span:hover {
    background-color: var(--background_contrast_1)
}

.main-menu.animated .topbar .menu-button svg {
    transition: transform .3s ease
}

.main-menu.open .main-menu-content {
    position: fixed;
    z-index: 100000000;
    top: 0 !important
}

.main-menu.open .topbar .menu-button svg {
    transform: rotateX(180deg)
}

.main-menu.open .main-menu-sections-nav {
    height: 0;
    opacity: 0
}

.main-menu.open .backdrop {
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width:720px) {

    .main-menu .button.small.primary-sign-in,
    .main-menu .button.small.primary.get-started {
        padding: 9px 15px;
        height: 34px
    }
}

@media screen and (max-width:370px) {

    .main-menu .button.small.primary-sign-in,
    .main-menu .button.small.primary.get-started {
        padding: 6px 8px;
        font-size: 11px;
        height: unset
    }
}

.main-menu .badge {
    position: absolute;
    top: 0;
    right: -5px;
    padding: 5px;
    border-radius: var(--border-radius-full);
    background: red;
    color: #fff;
    font-size: 5px
}

.main-menu .menu-footer {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16pt;
    border-top: 1px solid #eee;
    background-color: #fafafa
}

.main-menu .menu-footer a,
div.twitter-publications .publication-row a {
    text-decoration: none
}

.main-menu .menu-footer .container {
    text-align: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.main-menu .menu-footer ul {
    font-size: 16px;
    flex-direction: row
}

.main-menu .menu-footer ul,
.main-menu .menu-footer ul .account,
.mobile-menu .navbar-buttons .new-post-btn {
    display: flex;
    align-items: center
}

.main-menu .menu-footer ul li:first-child {
    list-style: none
}

.main-menu .menu-footer ul li {
    margin-left: 28px
}

.main-menu .menu-footer ul li .profile-image-wrapper {
    margin-left: 8px
}

.main-menu .beta {
    display: inline;
    background: #ebebeb;
    color: var(--color-fg-secondary);
    padding: 3px 4px;
    font-size: 9px;
    line-height: 9px;
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    border-radius: var(--border-radius-sm);
    margin-left: .25rem;
    white-space: nowrap;
    vertical-align: middle
}

.mobile-menu,
div.twitter-publications {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.mobile-menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    background: #fff;
    width: 100vw;
    height: 100vh;
    z-index: 20;
    overflow-y: scroll
}

.mobile-menu .top-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 15px;
    align-items: center
}

.mobile-menu .close-icon {
    margin: 12px 0
}

@media screen and (max-width:650px) {
    .mobile-menu .navbar-buttons .new-post-btn {
        display: none
    }
}

.mobile-menu .navbar-buttons .new-post-btn svg {
    margin-right: 10px;
    left: 0
}

.mobile-menu .navbar-buttons .menu-button {
    margin: 0 9px 0 7px;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

.mobile-menu .navbar-buttons .menu-button svg {
    padding: 16px 11px 13px;
    height: 11px;
    width: 18px
}

.mobile-menu .navbar-buttons .menu-button svg path {
    stroke: #a4a4a4;
    stroke-width: 2px
}

.mobile-menu .navbar-buttons a.page-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:650px) {
    .mobile-menu .navbar-buttons a.page-button {
        display: none
    }
}

.mobile-menu .navbar-buttons a.page-button:active .button {
    color: inherit
}

.mobile-menu .navbar-buttons a.page-button:active:hover .button {
    opacity: .5
}

.mobile-menu .navbar-buttons a.page-button.current-page .button {
    font-weight: var(--font-weight-semibold)
}

.use-theme-bg .main-menu {
    border-color: var(--color-detail-themed)
}

.use-theme-bg .main-menu .topbar,
.use-theme-bg .main-menu .topbar::before {
    background: var(--web_bg_color, var(--color-bg-primary))
}

.use-theme-bg .main-menu .topbar .section-bar,
.use-theme-bg .main-menu .topbar .topbar-content {
    border-bottom-color: var(--color-detail-themed)
}

.use-theme-bg .main-menu .topbar .container .headline .name {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .main-menu .topbar .sign-in-link svg {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary)) !important
}

.use-theme-bg .main-menu .topbar .section-bar {
    border-top-color: var(--color-detail-themed)
}

.use-theme-bg .main-menu .topbar .section-bar .menu-item {
    background: var(--web_bg_color, var(--color-bg-primary));
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media screen and (min-width:631px) {

    .use-theme-bg .main-menu .topbar .section-bar .menu-item.menu-item:hover,
    .use-theme-bg .main-menu .topbar .section-bar .menu-item:hover .trigger {
        background-color: var(--background_contrast_1)
    }
}

.use-theme-bg .main-menu .topbar .section-bar .menu-item.selected a .overflow-item-text {
    box-shadow: inset 0 -2px 0 var(--print_pop);
    color: var(--print_pop)
}

.use-theme-bg .main-menu .topbar .section-bar .menu-item.selected .trigger {
    color: var(--print_pop)
}

.use-theme-bg .main-menu .topbar .section-bar li.overflow-menu .trigger {
    border-color: var(--color-detail-themed);
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.account-info-customer-support-mode-modal .modal-content .container {
    padding: var(--size-24);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:650px) {
    .account-info-customer-support-mode-modal .modal-content .container {
        margin: 0;
        padding: var(--size-24)
    }
}

.account-info-customer-support-mode-modal .modal-content .container .customer-support-mode-form {
    margin: 0
}

.account-info-customer-support-mode-modal .modal-content .container textarea {
    padding: 10px;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm)
}

div.twitter-publications {
    width: 500px;
    margin: 3rem auto;
    direction: ltr;
    text-align: left
}

@media screen and (max-width:650px) {
    div.twitter-publications {
        width: 90%;
        margin: 16px auto
    }
}

div.twitter-publications .inbox {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
    align-items: center;
    font-size: 1rem
}

div.twitter-publications p {
    margin-top: 0;
    line-height: 150%
}

div.twitter-publications .form label {
    padding: unset;
    padding-top: 10px
}

div.twitter-publications .container {
    max-width: 100%;
    padding-top: 0
}

div.twitter-publications div.banner {
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media screen and (max-width:650px) {
    div.twitter-publications {
        margin-bottom: 50px
    }
}

div.twitter-publications button[type=submit] {
    width: 100%
}

div.twitter-publications .pub-list {
    margin-bottom: 2rem
}

@media screen and (max-width:650px) {
    div.twitter-publications .pub-list {
        margin: 1rem 0
    }
}

@media screen and (max-width:650px) {
    div.twitter-publications h2 {
        margin-bottom: 0
    }
}

div.twitter-publications.landing,
div.twitter-publications.landing section {
    font-size: 18px
}

@media screen and (max-width:650px) {
    div.twitter-publications.landing {
        width: 90vw
    }
}

div.twitter-publications.landing .light {
    color: var(--print_secondary, var(--color-fg-secondary))
}

div.twitter-publications input[type=checkbox] {
    height: 15px;
    width: 15px
}

div.twitter-publications .terms-check {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:650px) {
    div.twitter-publications .terms-check {
        width: 300px
    }
}

div.twitter-publications section,
div.twitter-publications ul {
    margin: unset;
    padding-inline-start: unset
}

div.twitter-publications section button[type=submit],
div.twitter-publications ul button[type=submit] {
    margin: 1.5rem 0
}

@media screen and (max-width:650px) {

    div.twitter-publications section button[type=submit],
    div.twitter-publications ul button[type=submit] {
        width: 100%;
        margin: 16px 0
    }

    div.twitter-publications section,
    div.twitter-publications ul {
        text-align: left;
        margin-block-start: unset;
        margin-block-end: unset
    }
}

div.twitter-publications ul {
    list-style: none
}

div.twitter-publications .select-all {
    margin: var(--size-32) 0 0 0;
    position: relative;
    margin: .5rem 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    color: var(--color-fg-primary);
    text-decoration: none;
    width: fit-content
}

.post-editor .opensea a,
div.twitter-publications .select-all.freeze-form {
    pointer-events: none
}

div.twitter-publications .select-all.secondary-form {
    padding: var(--size-32);
    border-radius: var(--border-radius-sm);
    background: var(--color-bg-secondary)
}

div.twitter-publications .select-all .footer-text {
    display: block;
    margin-top: var(--size-16);
    font-size: 12px;
    color: var(--color-fg-secondary);
    font-family: var(--font_family_ui, var(--font-family-text))
}

div.twitter-publications .select-all .footer-text .button.invis {
    font-size: 12px
}

div.twitter-publications .select-all .footer-text .warning-icon {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 6px
}

div.twitter-publications .select-all input:not(.pencraft),
div.twitter-publications .select-all textarea:not(.pencraft) {
    padding: 16px 12px;
    margin: 0;
    border: var(--border-default);
    background: var(--color-bg-elevated-primary);
    color: var(--color-fg-primary);
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--font_family_ui, var(--font-family-text));
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    -webkit-appearance: none
}

div.twitter-publications .select-all .small-input,
div.twitter-publications .select-all input.small-input,
div.twitter-publications .select-all textarea.small-input {
    padding: 12px 16px;
    border-radius: var(--border-radius-sm);
    font-size: 14px;
    margin: 5px 0;
    border: var(--border-default);
    border-top: var(--border-default);
    border-bottom: var(--border-default)
}

.form input:first-child:not(.pencraft),
.form textarea:first-child:not(.pencraft),
div.twitter-publications .select-all input:first-child:not(.pencraft),
div.twitter-publications .select-all textarea:first-child:not(.pencraft) {
    border-top: var(--border-default)
}

.form input.small-input:first-child,
.form textarea.small-input:first-child,
div.twitter-publications .select-all input.small-input:first-child,
div.twitter-publications .select-all textarea.small-input:first-child {
    border-top: var(--border-default)
}

div.twitter-publications .select-all .label:not(.pencraft),
div.twitter-publications .select-all label {
    padding: 20px 10px;
    border: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    vertical-align: center;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--color-fg-secondary)
}

div.twitter-publications .select-all .inputGroup {
    padding: var(--size-16) 0
}

.form input[type=checkbox]:not(.pencraft),
.form input[type=radio]:not(.pencraft),
div.twitter-publications .select-all input[type=checkbox]:not(.pencraft),
div.twitter-publications .select-all input[type=radio]:not(.pencraft) {
    width: auto;
    padding: 0;
    margin: 0 10px;
    display: inline-block;
    -webkit-appearance: checkbox
}

div.twitter-publications .select-all input[type=radio] {
    -webkit-appearance: radio;
    margin-bottom: 5px
}

div.twitter-publications .select-all .button.ok-button,
div.twitter-publications .select-all .button.submit,
div.twitter-publications .select-all .button[type=submit] {
    margin-top: var(--size-32)
}

div.twitter-publications .select-all .error {
    color: var(--color-accent-fg-red);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    position: absolute;
    right: 20px;
    padding: 5px;
    margin-top: -60px
}

div.twitter-publications .select-all .error.other-error,
div.twitter-publications .select-all .fancy-input+.error,
div.twitter-publications .select-all .small-input+.error,
div.twitter-publications .select-all input[type=hidden]+#error-container .error {
    position: relative;
    margin-top: 0;
    right: auto
}

div.twitter-publications .select-all .fancy-input+.error,
div.twitter-publications .select-all .small-input+.error {
    padding: 5px 0
}

div.twitter-publications .select-all .fancy-stripe {
    padding: 10px;
    border: 0;
    border-bottom: var(--border-default);
    background: #fff;
    display: block;
    font-size: 16px;
    min-height: 40px
}

div.twitter-publications .select-all .fancy-stripe.small-input {
    padding: 0 16px;
    font-size: 14px;
    border: var(--border-default)
}

div.twitter-publications .select-all .fancy-stripe .error {
    position: relative;
    right: auto;
    padding: 0;
    margin-top: 0
}

div.twitter-publications .select-all .help-text {
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text));
    margin-top: var(--size-32)
}

div.twitter-publications .select-all .fancy-input {
    position: relative
}

div.twitter-publications .select-all .fancy-input a {
    height: 58px;
    line-height: 58px;
    padding: 0 10px;
    display: inline-block;
    right: 0;
    top: 1px;
    background: var(--color-bg-primary);
    position: absolute
}

div.twitter-publications .select-all label {
    padding: unset;
    font-size: 1rem;
    color: var(--color-fg-primary)
}

div.twitter-publications .select-all input[type=checkbox] {
    margin: 0 8px 0 5px
}

div.twitter-publications .publication-row {
    margin-left: 30px;
    line-height: 150%;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

div.twitter-publications .publication-row a .name {
    color: var(--color-fg-primary)
}

div.twitter-publications .publication-row a .description {
    color: var(--print_secondary, var(--color-fg-secondary))
}

.video-player-wrapper .video-player-button a button span,
div.twitter-publications .publication-row .subscribed-status {
    margin-left: 8px
}

div.twitter-publications .publication-row .subscribed {
    margin-top: .5rem
}

div.twitter-publications .publication-row .subscribed svg {
    fill: var(--print_pop)
}

div.twitter-publications .publication-row a.publication {
    width: 100%
}

div.twitter-publications .publication.card {
    border: 1px solid #e5e5e5;
    border-radius: var(--border-radius-sm);
    padding: 1rem
}

@media screen and (max-width:650px) {

    div.twitter-publications .publication.card .pub-icon,
    div.twitter-publications .publication.card img {
        width: 30px;
        height: 30px
    }

    div.twitter-publications .publication.card .pub-icon .placeholder {
        font-size: 16px
    }
}

div.twitter-publications .publication {
    max-width: 100%;
    line-height: 20px;
    color: #757575;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

div.twitter-publications .publication .name {
    font-weight: 700
}

div.twitter-publications .twitter-handle {
    align-self: baseline;
    font-size: 16px;
    padding-top: .5rem;
    margin-left: .875rem
}

.subscribe-widget form.form .sideBySideWrap button.rightButton .button-text,
div.twitter-publications .publication.card div.title .name,
div.twitter-publications .twitter-handle .author {
    font-weight: var(--font-weight-medium)
}

div.twitter-publications .twitter-handle .handle {
    color: var(--color-fg-secondary)
}

div.twitter-publications .photo {
    display: flex;
    align-items: center;
    align-self: baseline
}

div.twitter-publications img.user-profile-head {
    width: 40px;
    height: 40px
}

@media screen and (max-width:650px) {
    div.twitter-publications img.user-profile-head {
        width: 30px;
        height: 30px
    }
}

div.twitter-publications .publication.card .pub-icon {
    width: 30px;
    min-width: 30px;
    height: 30px
}

div.twitter-publications .publication.card .pub-icon .placeholder {
    line-height: 21px;
    font-size: var(--font-size-16)
}

li.linked-pub.subscribed div.linked-pub {
    flex-direction: row
}

li.linked-pub.subscribed .publication-row {
    margin-top: unset
}

@media screen and (max-width:650px) {
    li.linked-pub.subscribed .publication-row {
        flex-direction: column
    }

    li.linked-pub.subscribed .publication-row .publication,
    li.linked-pub.subscribed .publication-row button {
        width: 240px
    }
}

li.linked-pub {
    width: 100%;
    text-align: left;
    margin: 1rem 0;
    list-style: none
}

.home-page .home-right-group.recommendations .recommendation-row .left .pub-meta,
li.linked-pub div.info,
li.linked-pub div.linked-pub {
    display: flex;
    flex-direction: column
}

li.linked-pub div.info {
    margin-left: 12px;
    justify-content: space-between
}

li.linked-pub input[type=checkbox] {
    margin-right: .875rem
}

.button.danger span,
.button.email span,
.button.fill span,
.button.google-button span,
.button.grey-outline span,
.button.outline span,
.button.outline-grayscale span,
.button.twitter-button span,
.button.white-outline span,
.markup .opensea a,
.twitter-link {
    text-decoration: none
}

.twitter-discover,
div#toast a {
    font-weight: var(--font-weight-semibold)
}

.twitter-discover {
    font-family: var(--font_family_ui, var(--font-family-text));
    width: 210px;
    max-width: 210px;
    background-color: var(--color-accent-fg-cyan);
    font-size: 16px;
    position: relative;
    line-height: 50px;
    height: 50px
}

.twitter-discover,
.twitter-discover a,
.twitter-discover:hover {
    text-decoration: none;
    color: #fff
}

.twitter-discover div.inner {
    justify-content: center
}

.twitter-discover svg {
    width: 18px;
    height: 18px;
    margin-right: 12px
}

.markup .opensea,
.twitter-discover {
    border-radius: var(--border-radius-sm)
}

.markup .opensea {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    margin: 1em auto;
    background-color: var(--color-bg-primary);
    max-width: 500px;
    border: var(--border-default)
}

.markup .opensea .opensea-header {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.markup .opensea .opensea-masthead {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.markup .opensea .opensea-collection,
.markup .opensea .opensea-title {
    color: var(--color-fg-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    align-self: stretch
}

.markup .opensea .opensea-collection {
    font-style: normal;
    font-weight: 400;
    color: var(--color-fg-secondary)
}

.markup .opensea .opensea-footer {
    padding: 16px
}

.markup .opensea .opensea-creator,
.markup .opensea .opensea-description {
    font-size: 14px
}

.markup .opensea .opensea-creator {
    color: var(--color-fg-secondary);
    line-height: 150%;
    display: inline-block;
    margin-bottom: 16px
}

.markup .opensea .opensea-description {
    color: var(--color-fg-primary);
    white-space: pre-wrap;
    margin-bottom: 4px
}

.markup .opensea .opensea-media-link {
    display: block
}

.markup .opensea .opensea-image,
.markup .opensea .opensea-player {
    width: 100%
}

.markup .opensea .opensea-cta {
    display: block;
    padding: 12px 0;
    border-radius: var(--border-radius-sm);
    background: var(--color-bg-secondary);
    border: var(--border-default);
    width: 100%;
    text-align: center;
    color: var(--color-fg-secondary);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    transition: filter .15s
}

.markup .opensea .opensea-cta:hover {
    filter: brightness(97.5%);
    cursor: pointer
}

.markup .opensea .opensea-cta:active {
    filter: brightness(95%)
}

.markup .opensea.static .opensea-masthead {
    display: table-cell;
    flex-direction: unset;
    padding: 16px
}

.markup .opensea.static .opensea-cta-table,
.markup .opensea.static .opensea-footer-table,
.markup .opensea.static .opensea-header-table {
    width: 100%
}

.markup .opensea.static .opensea-description {
    padding: 16px 16px 4px;
    margin-bottom: 0
}

.markup .opensea.static .opensea-creator {
    margin-bottom: 0;
    padding: 0 16px;
    display: table-cell
}

.markup .opensea.static .nft-logo {
    width: 32px;
    padding: 16px
}

.twitter-discover div.inner,
div#toast,
div#toast p {
    align-items: center;
    display: flex
}

div#toast {
    font-family: var(--font_family_ui, var(--font-family-text));
    transition: var(--animation-timing-slow) var(--animation-smoothing);
    transform: translate(-50%, 150px);
    position: fixed;
    left: 50%;
    bottom: 40px;
    padding: 10px 16px;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-fg-primary);
    width: fit-content;
    line-height: inherit;
    z-index: 12;
    justify-content: space-between
}

div#toast p {
    text-align: center;
    font-weight: var(--font-weight-regular);
    color: var(--color-dark-primary);
    font-size: 16px;
    margin: 0;
    white-space: pre
}

div#toast.in {
    transform: translate(-50%, 0)
}

div#toast a {
    color: inherit;
    cursor: pointer
}

div#toast a.dismiss {
    margin-left: 24px;
    font-size: 16px
}

@media screen and (max-width:650px) {
    div#toast {
        bottom: 0;
        box-sizing: border-box;
        border-radius: 0;
        width: 100vw;
        padding: 12px;
        overflow: auto
    }

    div#toast p {
        display: block;
        white-space: normal
    }
}

div#toast.urgent {
    background-color: var(--print_pop);
    color: var(--print_on_pop)
}

.force-light-theme {
    --web_bg_color: #fff;
    --background_contrast_1: #f0f0f0;
    --background_contrast_2: #dddddd;
    --background_contrast_3: #b7b7b7;
    --background_contrast_4: #b8b8b8;
    --background_contrast_5: #515151;
    --print_on_web_bg_color: #363737;
    --print_secondary_on_web_bg_color: #757575
}

.tailwind-preflight {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, ui-sans-serif, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Nunito', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.tailwind-preflight *,
.tailwind-preflight ::after,
.tailwind-preflight ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

.tailwind-preflight ::after,
.tailwind-preflight ::before {
    --tw-content: ''
}

.tailwind-preflight hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

.tailwind-preflight abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.tailwind-preflight h1,
.tailwind-preflight h2,
.tailwind-preflight h3,
.tailwind-preflight h4,
.tailwind-preflight h5,
.tailwind-preflight h6 {
    font-size: inherit;
    font-weight: inherit
}

.tailwind-preflight a {
    color: inherit;
    text-decoration: inherit
}

.tailwind-preflight b,
.tailwind-preflight strong {
    font-weight: bolder
}

.tailwind-preflight code,
.tailwind-preflight kbd,
.tailwind-preflight pre,
.tailwind-preflight samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 1em
}

.tailwind-preflight small {
    font-size: 80%
}

.tailwind-preflight sub,
.tailwind-preflight sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.tailwind-preflight sub {
    bottom: -.25em
}

.tailwind-preflight sup {
    top: -.5em
}

.tailwind-preflight table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

.tailwind-preflight button,
.tailwind-preflight input,
.tailwind-preflight optgroup,
.tailwind-preflight select,
.tailwind-preflight textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

.tailwind-preflight button,
.tailwind-preflight select {
    text-transform: none
}

.tailwind-preflight [type=button],
.tailwind-preflight [type=reset],
.tailwind-preflight [type=submit],
.tailwind-preflight button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

.tailwind-preflight :-moz-focusring {
    outline: auto
}

.tailwind-preflight :-moz-ui-invalid {
    box-shadow: none
}

.tailwind-preflight ::-webkit-inner-spin-button,
.tailwind-preflight ::-webkit-outer-spin-button {
    height: auto
}

.tailwind-preflight [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.form input[type=search]::-webkit-search-decoration,
.tailwind-preflight ::-webkit-search-decoration {
    -webkit-appearance: none
}

.tailwind-preflight ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.tailwind-preflight summary {
    display: list-item
}

.tailwind-preflight blockquote,
.tailwind-preflight dd,
.tailwind-preflight dl,
.tailwind-preflight figure,
.tailwind-preflight h1,
.tailwind-preflight h2,
.tailwind-preflight h3,
.tailwind-preflight h4,
.tailwind-preflight h5,
.tailwind-preflight h6,
.tailwind-preflight hr,
.tailwind-preflight p,
.tailwind-preflight pre {
    margin: 0
}

.tailwind-preflight fieldset {
    margin: 0;
    padding: 0
}

.tailwind-preflight menu,
.tailwind-preflight ol,
.tailwind-preflight ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tailwind-preflight textarea {
    resize: vertical
}

.tailwind-preflight input::-webkit-input-placeholder,
.tailwind-preflight textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

.tailwind-preflight input:-ms-input-placeholder,
.tailwind-preflight textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

.tailwind-preflight input::placeholder,
.tailwind-preflight textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

.tailwind-preflight [role=button],
.tailwind-preflight button {
    cursor: pointer
}

.tailwind-preflight :disabled {
    cursor: default
}

.tailwind-preflight audio,
.tailwind-preflight canvas,
.tailwind-preflight embed,
.tailwind-preflight iframe,
.tailwind-preflight img,
.tailwind-preflight object,
.tailwind-preflight svg,
.tailwind-preflight video {
    display: block;
    vertical-align: middle
}

.tailwind-preflight img,
.tailwind-preflight video {
    max-width: 100%;
    height: auto
}

.tailwind-preflight [hidden] {
    display: none
}

body,
html {
    position: relative;
    overflow-x: hidden
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    min-height: 100%;
    overflow-y: auto
}

body {
    font-kerning: auto;
    padding: 0;
    margin: 0;
    font-family: Nunito, var(--font_family_body, var(--font_family_body_preset, 'Spectral', serif, var(--font-family-text)));
    font-weight: var(--font_weight_body_preset, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    font-size: calc(17px + var(--font_size_body_offset, 0px));
    color: var(--color-fg-primary);
    cursor: default;
    min-height: 100vh
}

@media screen and (min-width:768px) {
    body {
        font-size: calc(var(--font_size_body_desktop, 19px) + var(--font_size_body_offset, 0px))
    }
}

@media screen and (max-width:600px) {
    body {
        min-height: 100dvh
    }
}

#main.use-theme-bg {
    min-height: 100vh
}

.use-theme-bg {
    background: var(--web_bg_color, var(--color-bg-primary))
}

.use-theme-bg,
.use-theme-bg input,
.use-theme-bg textarea {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.home-page input::placeholder,
.home-page textarea::placeholder,
.single-post-container input::placeholder,
.single-post-container textarea::placeholder,
.use-theme-bg input::placeholder,
.use-theme-bg textarea::placeholder {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.main.should-flex {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    min-height: 100dvh
}

:focus {
    outline: 0
}

@media screen and (max-width:540px) {
    .desktop-only {
        display: none !important
    }
}

@media screen and (min-width:541px) {
    .mobile-only {
        display: none !important
    }
}

a.no-styles {
    color: inherit;
    text-decoration: none
}

a.small {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 12px;
    color: var(--print_secondary, var(--color-fg-secondary))
}

.crossed-out {
    text-decoration: line-through
}

.container {
    margin: 0 var(--size-16);
    min-width: 280px;
    overflow-wrap: break-word
}

@media screen and (min-width:768px) {
    .container {
        width: 728px;
        margin: 0 auto
    }
}

@media print {
    .container {
        max-width: 728px
    }
}

.container-border,
.full-container-border {
    width: 100%;
    box-sizing: border-box;
    border-top: var(--border-default-themed)
}

.button {
    font-family: var(--font_family_ui, var(--font-family-text));
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    border: 0;
    height: var(--size-40);
    border-radius: var(--border-radius-sm);
    font-size: var(--font-size-14);
    line-height: var(--font-size-20);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    background-color: transparent;
    opacity: 1;
    outline: 0;
    text-decoration: none;
    white-space: nowrap
}

.button:disabled {
    cursor: not-allowed
}

.button:hover:active:not(.disabled, .no-active-fade) {
    opacity: .7
}

.button.wide {
    width: 100%
}

.button.primary {
    background-color: var(--background_pop);
    color: var(--print_on_pop) !important;
    text-decoration: none !important
}

.button.bitcoin {
    background-color: #23272c;
    color: var(--print_on_pop);
    text-decoration: none
}

.button.outline,
.button.outline-grayscale {
    background: 0 0;
    text-decoration: none !important
}

.button.outline {
    border: 1px solid var(--print_pop);
    color: var(--print_pop)
}

.button.outline-grayscale {
    border: var(--border-default-themed);
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.button.fill {
    background: var(--print_pop);
    color: var(--print_on_pop);
    text-decoration: none !important
}

.button.fill.fill-twitter {
    background-color: #fff;
    color: var(--color-accent-fg-cyan);
    font-weight: var(--font-weight-semibold)
}

.button.fill.fill-secondary {
    background-color: #ffffff33;
    font-weight: var(--font-weight-semibold)
}

.button.expander {
    padding: 3px 16px;
    height: auto;
    border: 1px solid #ececec;
    color: #949494;
    font-size: 12px
}

.button.danger {
    background-color: var(--color-accent-fg-red);
    color: var(--print_on_pop);
    text-decoration: none !important
}

.button.gray {
    background-color: var(--print_secondary, var(--color-fg-secondary));
    color: #fff
}

.button.gray-foreground {
    background: 0 0;
    border: 1px solid var(--print_secondary, var(--color-fg-secondary));
    color: var(--print_secondary, var(--color-fg-secondary))
}

.button.text-gray-foreground {
    background: 0 0;
    border: 1px solid var(--color-fg-secondary);
    color: var(--color-fg-secondary)
}

.button.disabled {
    opacity: .5
}

.button.secondary {
    color: var(--print_pop)
}

.button.bold {
    font-weight: var(--font-weight-semibold)
}

.button.invis {
    padding: 0;
    height: auto
}

.button.margin-bottom {
    margin-bottom: var(--size-16)
}

.button.email {
    box-sizing: content-box;
    line-height: 1em;
    height: auto;
    padding: 0;
    border: solid var(--background_pop);
    border-width: 12px 20px;
    text-decoration: none !important
}

.button.email.heart {
    border-width: 8px 16px
}

.button.email.heart img {
    vertical-align: bottom
}

.button.grey-outline,
.button.white-outline {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none !important
}

.button.grey-outline {
    color: #666;
    border: 1px solid #666
}

.button.medium-text {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    line-height: 20px
}

.button.small,
.button.small-no-margin {
    font-size: 13px;
    padding: 6px 12px;
    height: auto
}

.button.small {
    margin-top: 10px
}

.button.no-margin {
    margin: 0
}

.button.narrow {
    padding-left: 10px;
    padding-right: 10px
}

.button.faint-outline {
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    color: #666
}

.button.small-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--font-weight-medium)
}

.button.twitter-button {
    background-color: #059ff5;
    padding-left: 50px;
    border: 1px solid #059ff5;
    color: #fff;
    text-decoration: none !important
}

.button.twitter-button.centered-icon::before {
    background-repeat: no-repeat;
    background-image: url(../../img/twitter.white.svg);
    background-size: 18px;
    background-position: center;
    content: ' ';
    display: inline-block;
    height: 100%;
    margin-right: 11px;
    vertical-align: text-bottom;
    width: 18px
}

.button.twitter-button:not(.centered-icon) {
    background-repeat: no-repeat;
    background-image: url(../../img/twitter.white.svg);
    background-size: 18px;
    background-position: 20px center
}

.button.google-button {
    background-repeat: no-repeat;
    background-image: url(../../image/fetch/w_72-c_limit-f_auto-q_auto-good-fl_progressive-steep/img/google.png);
    background-size: 18px;
    background-position: 20px center;
    padding-left: 50px;
    text-decoration: none !important;
    border: 1px solid var(--border_subtle)
}

.button.with-icon {
    display: flex;
    align-items: center
}

.button.tertiary {
    background: var(--color-bg-secondary);
    border: var(--border-default)
}

.button.standardized-medium-width {
    min-width: 125px
}

.page,
.section {
    padding: var(--size-32) 0
}

@media screen and (min-width:768px) {
    .page {
        padding: var(--size-64) 0
    }
}

.form {
    margin: var(--size-32) 0 0 0;
    position: relative
}

.form.secondary-form {
    padding: var(--size-32);
    border-radius: var(--border-radius-sm);
    background: var(--color-bg-secondary)
}

.form .footer-text {
    display: block;
    margin-top: var(--size-16);
    font-size: 12px;
    color: var(--color-fg-secondary);
    font-family: var(--font_family_ui, var(--font-family-text))
}

.form .footer-text .button.invis {
    font-size: 12px
}

.form .footer-text .warning-icon {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 6px
}

.form input:not(.pencraft),
.form textarea:not(.pencraft) {
    padding: 16px 12px;
    margin: 0;
    border: var(--border-default);
    background: var(--color-bg-elevated-primary);
    color: var(--color-fg-primary);
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--font_family_ui, var(--font-family-text));
    border-radius: var(--border-radius-md);
    box-sizing: border-box;
    -webkit-appearance: none
}

.form .small-input,
.form input.small-input,
.form textarea.small-input {
    padding: 12px 16px;
    border-radius: var(--border-radius-sm);
    font-size: 14px;
    margin: 5px 0;
    border: var(--border-default);
    border-top: var(--border-default);
    border-bottom: var(--border-default)
}

.form textarea {
    resize: vertical
}

.form .label:not(.pencraft),
.form label {
    padding: 20px 10px;
    border: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    vertical-align: center;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--color-fg-secondary)
}

.form .inputGroup {
    padding: var(--size-16) 0
}

.form input[type=radio] {
    -webkit-appearance: radio;
    margin-bottom: 5px
}

.form .button.ok-button,
.form .button.submit,
.form .button[type=submit] {
    margin-top: var(--size-32)
}

.form div.error-box {
    position: relative
}

.form div.error-box .error {
    margin-top: 0;
    bottom: calc(50% - 15px)
}

.form .error {
    color: var(--color-accent-fg-red);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    position: absolute;
    right: 20px;
    padding: 5px;
    margin-top: -60px
}

.form .error.other-error,
.form .fancy-input+.error,
.form .small-input+.error,
.form input[type=hidden]+#error-container .error {
    position: relative;
    margin-top: 0;
    right: auto
}

.form .fancy-input+.error,
.form .small-input+.error {
    padding: 5px 0
}

.form .fancy-stripe {
    padding: 10px;
    border: 0;
    border-bottom: var(--border-default);
    background: #fff;
    display: block;
    font-size: 16px;
    min-height: 40px
}

.form .fancy-stripe.small-input {
    padding: 0 16px;
    font-size: 14px;
    border: var(--border-default)
}

.form .fancy-stripe .error {
    position: relative;
    right: auto;
    padding: 0;
    margin-top: 0
}

.form .help-text {
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text));
    margin-top: var(--size-32)
}

.form .fancy-input {
    position: relative
}

.form .fancy-input a {
    height: 58px;
    line-height: 58px;
    padding: 0 10px;
    display: inline-block;
    right: 0;
    top: 1px;
    background: var(--color-bg-primary);
    position: absolute
}

.use-theme-bg .page-title,
.use-theme-bg .page-title a,
.use-theme-bg .subtitle,
.use-theme-bg h1,
.use-theme-bg h1 a,
.use-theme-bg h1.title a,
.use-theme-bg h2,
.use-theme-bg h2 a,
.use-theme-bg h3,
.use-theme-bg h3 a,
.use-theme-bg h4,
.use-theme-bg h4 a,
.use-theme-bg h5,
.use-theme-bg h5 a,
.use-theme-bg h6,
.use-theme-bg h6 a,
.use-theme-bg p,
.use-theme-bg p a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .captioned-image-container figcaption,
.use-theme-bg .captioned-image-container-static figcaption,
.use-theme-bg .subtitle,
.use-theme-bg a.ui-secondary {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .use-theme-bg h1,
    .use-theme-bg h2,
    .use-theme-bg h3,
    .use-theme-bg h4,
    .use-theme-bg h5,
    .use-theme-bg h6,
    .use-theme-bg p {
        color: #000
    }

    .use-theme-bg h1 a,
    .use-theme-bg h2 a,
    .use-theme-bg h3 a,
    .use-theme-bg h4 a,
    .use-theme-bg h5 a,
    .use-theme-bg h6 a,
    .use-theme-bg p a {
        color: #00f
    }
}

@media print {
    .use-theme-bg a.ui-secondary a {
        color: #00f
    }
}

.use-theme-bg .captioned-image-container figcaption a,
.use-theme-bg .page .page-title,
.use-theme-bg .page .page-title a,
.use-theme-bg .page .subtitle,
.use-theme-bg .page h1,
.use-theme-bg .page h1 a,
.use-theme-bg .page h1.title a,
.use-theme-bg .page h2,
.use-theme-bg .page h2 a,
.use-theme-bg .page h3,
.use-theme-bg .page h3 a,
.use-theme-bg .page h4,
.use-theme-bg .page h4 a,
.use-theme-bg .page h5,
.use-theme-bg .page h5 a,
.use-theme-bg .page h6,
.use-theme-bg .page h6 a,
.use-theme-bg .page p,
.use-theme-bg .page p a,
.use-theme-bg a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg pre:not(.text) {
    background: var(--background_contrast_1)
}

.use-theme-bg .page .captioned-image-container figcaption,
.use-theme-bg .page .captioned-image-container-static figcaption,
.use-theme-bg .page .subtitle,
.use-theme-bg .page a.ui-secondary {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .use-theme-bg .page h1,
    .use-theme-bg .page h2,
    .use-theme-bg .page h3,
    .use-theme-bg .page h4,
    .use-theme-bg .page h5,
    .use-theme-bg .page h6,
    .use-theme-bg .page p {
        color: #000
    }

    .use-theme-bg .page h1 a,
    .use-theme-bg .page h2 a,
    .use-theme-bg .page h3 a,
    .use-theme-bg .page h4 a,
    .use-theme-bg .page h5 a,
    .use-theme-bg .page h6 a,
    .use-theme-bg .page p a {
        color: #00f
    }
}

@media print {
    .use-theme-bg .page a.ui-secondary a {
        color: #00f
    }
}

.use-theme-bg .form input,
.use-theme-bg .form textarea,
.use-theme-bg .page .captioned-image-container figcaption a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg .form input,
.use-theme-bg .form textarea {
    background: var(--input_background, var(--color-utility-white))
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-bg-primary);
    opacity: 0;
    z-index: 11;
    transition: opacity 200ms ease-in-out;
    text-align: left;
    cursor: default
}

.modal .modal-clickspace {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal .page-title {
    color: var(--color-fg-primary) !important;
    white-space: break-spaces;
    margin: 10px 0 -10px
}

.modal .modal-table {
    display: table;
    min-height: 100%;
    width: 100%;
    table-layout: fixed;
    color: var(--color-fg-primary)
}

.modal .modal-table a,
.modal .modal-table input,
.modal .modal-table textarea {
    background: 0 0;
    color: var(--color-fg-primary)
}

.modal .modal-table input::placeholder,
.modal .modal-table textarea::placeholder {
    color: var(--color-fg-tertiary)
}

.modal .modal-row {
    display: table-row
}

.modal .modal-cell {
    display: table-cell
}

.modal .modal-cell .modal-exit-btn {
    margin: -10px;
    padding: 10px
}

.modal .modal-content {
    opacity: 0;
    padding: 20px;
    transition: opacity var(--animation-timing-slow) var(--animation-smoothing);
    font-family: var(--font-family-text)
}

@media screen and (max-width:650px) {
    .modal .modal-content {
        padding: 0
    }
}

.modal .modal-content>.container {
    position: relative
}

.modal .modal-btn {
    position: absolute;
    z-index: 11;
    top: var(--size-24);
    right: var(--size-24);
    padding: 0;
    height: auto
}

.modal .modal-btn svg {
    stroke: var(--print_secondary, var(--color-fg-secondary));
    fill: var(--color-fg-primary)
}

.channel-frame,
.modal.gone {
    display: none
}

.modal.in,
.modal.in .modal-content {
    opacity: 1
}

.modal.centered-simple .container {
    max-width: 400px;
    text-align: center
}

.modal.centered-simple .container .page-title {
    font-size: 1.5em
}

.modal.centered-simple .container p {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: .9em;
    margin: 0 0 1em
}

.modal.popup {
    background-color: transparent;
    opacity: 1;
    transition: background 200ms ease-in-out
}

.modal.popup .modal-content {
    background-color: var(--color-bg-primary)
}

.modal.popup .modal-content>.container {
    transition: all 200ms ease-in-out;
    opacity: 0;
    transform: translateY(5%)
}

@media screen and (min-width:541px) {
    .modal.popup .modal-content {
        display: flex;
        align-items: center;
        padding: 0;
        min-height: 100vh;
        background-color: transparent
    }

    .modal.popup .modal-content>.container {
        margin: 0 auto;
        width: 395px;
        background-color: var(--color-bg-elevated-primary);
        border-radius: var(--border-radius-md);
        border: var(--border-default)
    }
}

.modal.popup .modal-content.no-fullscreen {
    display: flex;
    align-items: center;
    padding: 0;
    min-height: 100vh;
    background-color: transparent
}

.modal.popup .modal-content.no-fullscreen>.container {
    margin: 0 auto;
    width: 395px;
    background-color: var(--color-bg-elevated-primary);
    border-radius: var(--border-radius-md);
    border: var(--border-default)
}

@media screen and (max-width:650px) {
    .modal.popup .modal-content:not(.no-fullscreen) .modal-btn {
        position: fixed
    }
}

.modal.popup.in {
    background-color: var(--color-utility-modal)
}

.modal.popup.in .modal-content>.container {
    opacity: 1;
    transform: translateY(0)
}

@media screen and (min-width:541px) {
    .modal.wide .modal-content>.container {
        width: 552px
    }
}

.modal.wide .modal-content>.container.no-fullscreen {
    width: 552px
}

.modal.structured-modal .modal-content {
    padding: 0
}

.modal .structured-modal__close-button {
    position: absolute;
    top: 12px;
    left: 16px
}

.modal .structured-modal__wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.modal .structured-modal__header {
    border-bottom: var(--border-default);
    padding: 12px 16px;
    text-align: center
}

.modal .structured-modal__header h3 {
    margin: 0 !important;
    line-height: 40px
}

.modal .structured-modal__body {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 24px 0
}

.modal .structured-modal__footer {
    border-top: var(--border-default);
    padding: 12px 16px;
    display: flex;
    flex-direction: row-reverse
}

.home-page .home-right-group.recommendations .recommendation-row button.small,
.page>.container>.form {
    margin-top: 0
}

#layers {
    z-index: 1000
}

.footer-wrap .footer {
    position: absolute;
    bottom: 0;
    padding: 32px 0;
    width: 100%;
    background-color: #f7f7f7;
    border-top: var(--border-default);
    color: var(--print_secondary, var(--color-fg-secondary));
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    flex-direction: row
}

.footer-wrap .footer a {
    color: inherit;
    text-decoration: underline
}

.footer-wrap .footer,
.footer-wrap .footer .footer-buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-wrap .footer .footer-buttons :first-child {
    margin-right: 8px
}

@media print {
    .footer-wrap .footer .footer-buttons {
        display: none
    }
}

.footer-wrap .footer .footer-substack-cta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin: 20px 0;
    padding: 10px 16px 10px 12px;
    height: 40px;
    line-height: 18px;
    background-color: var(--color-bg-primary);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    color: var(--print_secondary, var(--color-fg-secondary));
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap
}

.footer-wrap .footer .footer-substack-cta.no-icon {
    padding: 10px 16px
}

.app-banner .app-banner-stars svg,
.footer-wrap .footer .footer-substack-cta.get-the-app svg path {
    fill: var(--color-fg-primary)
}

.footer-wrap .footer .footer-substack-cta:hover {
    color: var(--color-fg-primary);
    background: var(--color-bg-secondary)
}

.footer-wrap .footer .footer-substack-cta svg {
    height: 22px;
    width: 22px
}

.footer-wrap .footer .footer-substack-cta svg path,
.footer-wrap .home-footer .footer-substack-cta svg path {
    fill: var(--color-accent-fg-orange);
    stroke: transparent
}

.footer-wrap .footer .app-upsell {
    border-radius: var(--border-radius-md);
    max-height: 40px;
    width: auto
}

.footer-wrap .footer .footer-blurbs {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-wrap .footer .footer-blurbs .footer-copyright-blurb,
.footer-wrap .footer .footer-blurbs .footer-terms-blurb {
    margin-top: 8px
}

.footer-wrap .footer .footer-blurbs .footer-copyright-blurb::after {
    content: '\00a0∙\00a0'
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-blurbs .footer-copyright-blurb::after {
        content: ''
    }
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-blurbs {
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.footer-wrap .footer .footer-contain {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 900px
}

@media screen and (max-width:912px) {
    .footer-wrap .footer .footer-contain {
        width: auto;
        align-self: stretch
    }
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-contain {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start
    }
}

.footer-wrap .footer .footer-contain .logo-copy-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 42px
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-contain .logo-copy-wrapper {
        margin-right: 0
    }
}

.footer-wrap .footer .footer-info {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-info {
        margin-top: 20px;
        flex-direction: column
    }
}

.footer-wrap .footer .footer-info .footer-info-col {
    margin-left: 68px;
    display: flex;
    flex-direction: column;
    text-align: left
}

.footer-wrap .footer .footer-info .footer-info-col:first-child {
    margin-left: 0
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .footer-info .footer-info-col {
        margin-left: 0;
        margin-bottom: 24px
    }
}

.footer-wrap .footer .footer-info .footer-info-col .tw-icon {
    margin-left: 4px;
    opacity: .5;
    margin-bottom: -2px
}

.footer-wrap .footer .footer-info .footer-info-col h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: var(--font-weight-medium);
    line-height: 25.5px;
    color: #000
}

.footer-wrap .footer .footer-info .footer-info-col a {
    line-height: 1.5;
    text-decoration: none;
    margin-bottom: 8px
}

.footer-wrap .footer .footer-info .footer-info-col a:hover,
.footer-wrap .home-footer .footer-info .footer-info-col a:hover,
table.thread-head .post-header .post-label .post-label-link:hover {
    text-decoration: underline
}

.footer-wrap .footer .logo-wordmark {
    height: 36px
}

@media screen and (max-width:650px) {
    .footer-wrap .footer .logo-wordmark {
        height: 28px
    }
}

.footer-wrap .footer .copyright {
    margin-top: 28px;
    line-height: 1.5em;
    text-align: left
}

.footer-wrap .footer.themed-background {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    border-top: var(--border-default-themed);
    background-color: var(--background_contrast_1)
}

.footer-wrap .footer.themed-background .footer-substack-cta {
    border: var(--border-default-themed)
}

.footer-wrap .home-footer {
    font-family: var(--font_family_ui, var(--font-family-text));
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 64px 0;
    max-width: 1276px;
    width: 100%;
    color: gray;
    font-size: var(--font-size-16);
    line-height: 150%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer {
        padding: 34px 15px 24px
    }
}

.footer-wrap .home-footer a {
    color: gray;
    text-decoration: underline
}

.footer-wrap .home-footer .footer-substack-cta {
    display: inline-block;
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-medium);
    margin-top: 38px;
    padding: 10px 12px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: var(--border-radius-sm);
    color: #939393;
    text-decoration: none;
    transition: all .1s ease-out
}

.footer-wrap .home-footer .footer-substack-cta:hover {
    color: #000;
    background: var(--color-bg-secondary)
}

.footer-wrap .home-footer .footer-substack-cta svg {
    float: left;
    height: 28px;
    margin: -5px 3px 0 -6px;
    width: 28px
}

.footer-wrap .home-footer .footer-cta-blurb {
    margin: 12px 0
}

.footer-wrap .home-footer .footer-contain {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: auto;
    width: 1124px
}

@media screen and (max-width:1124px) {
    .footer-wrap .home-footer .footer-contain {
        width: unset;
        align-self: stretch;
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer .footer-contain {
        width: 100%;
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start
    }
}

.footer-wrap .home-footer .footer-contain .logo-copy-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 42px;
    max-width: 254px
}

@media screen and (max-width:1124px) {
    .footer-wrap .home-footer .footer-contain .logo-copy-wrapper {
        margin-top: 30px
    }
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer .footer-contain .logo-copy-wrapper {
        margin-top: 0;
        margin-right: 0;
        max-width: unset;
        width: 100%
    }
}

.footer-wrap .home-footer .footer-info {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer .footer-info {
        margin-top: 20px;
        flex-direction: column
    }
}

.footer-wrap .home-footer .footer-info .footer-info-col {
    margin-left: 68px;
    width: 152px;
    display: flex;
    flex-direction: column;
    text-align: left
}

@media screen and (max-width:1124px) {
    .footer-wrap .home-footer .footer-info .footer-info-col {
        width: unset
    }
}

.footer-wrap .home-footer .footer-info .footer-info-col:first-child {
    margin-left: 0
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer .footer-info .footer-info-col {
        margin-left: 0;
        margin-bottom: 24px;
        width: unset
    }
}

.footer-wrap .home-footer .footer-info .footer-info-col .tw-icon {
    margin-left: 4px;
    opacity: .5;
    margin-bottom: -2px
}

.footer-wrap .home-footer .footer-info .footer-info-col h3 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 25.5px;
    color: #3a261c
}

.footer-wrap .home-footer .footer-info .footer-info-col a {
    line-height: 1.5;
    text-decoration: none;
    margin-bottom: 10px
}

.footer-wrap .home-footer .footer-info .footer-info-col u {
    margin-bottom: 10px
}

.footer-wrap .home-footer .logo-wordmark {
    height: 25px;
    fill: var(--color-fg-primary)
}

@media screen and (max-width:650px) {
    .footer-wrap .home-footer .logo-wordmark {
        margin-top: 16px
    }
}

.footer-wrap .home-footer .slogan {
    margin-top: 18px;
    text-align: left;
    font-family: Cahuenga, serif;
    font-weight: var(--font-weight-regular);
    font-size: 20px;
    line-height: 28px
}

.footer-wrap.publication-footer {
    height: 192px
}

@media screen and (max-width:650px) {
    .footer-wrap.publication-footer {
        height: 220px
    }
}

.app-banner,
.footer-wrap.www-footer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility
}

.footer-wrap.www-footer {
    background: #f5f5f5;
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    letter-spacing: -.012em
}

.footer-wrap.www-footer .footer .footer-contain {
    margin: 0 20px
}

@media screen and (max-width:650px) {
    .footer-wrap.www-footer .footer {
        width: 100%
    }
}

.footer-wrap.www-footer .footer .footer-info .footer-info-col {
    white-space: nowrap
}

.footer-wrap.www-footer .footer-divider {
    max-width: 1276px;
    margin: 0 auto
}

.footer-wrap.www-footer .footer-bottom-bar {
    font-family: var(--font_family_ui, var(--font-family-text));
    max-width: 1124px;
    height: 40px;
    padding: 24px 15px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dropdown-menu>.dropdown-menu-wrapper>li>.dropdown-menu-item.secondary,
.dropdown-menu>.dropdown-menu-wrapper>li>a.secondary,
.dropdown-menu>.dropdown-menu-wrapper>li>span.selected.secondary,
.footer-wrap.www-footer .footer-bottom-bar,
.footer-wrap.www-footer .footer-bottom-bar a,
div.profile-updater form .notice a,
div.user-profile .user-profile-publication span,
div.user-profile .user-profile-status span {
    color: var(--print_secondary, var(--color-fg-secondary))
}

.footer-wrap.www-footer .footer-bottom-bar .bottom-item {
    margin-left: 20px
}

@media screen and (max-width:650px) {
    .footer-wrap.www-footer .footer-bottom-bar {
        height: auto;
        flex-direction: column;
        align-items: flex-start
    }

    .footer-wrap.www-footer .footer-bottom-bar .footer-bottom-links {
        display: flex;
        flex-direction: column
    }

    .footer-wrap.www-footer .footer-bottom-bar .footer-bottom-links .bottom-item {
        margin: 15px 0 0
    }
}

.footer-wrap.www-footer .footer-bottom-bar .app-badges {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.footer-wrap.www-footer .footer-bottom-bar .app-badge {
    display: flex;
    padding: 1px;
    background: #fff;
    overflow: hidden;
    border-radius: var(--border-radius-md);
    border: var(--border-default)
}

.app-banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--size-12);
    padding: var(--size-8);
    margin: var(--size-12) var(--size-8);
    background: var(--background_contrast_2);
    box-sizing: border-box;
    font-family: var(--font-family-text);
    color: var(--color-fg-primary);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-14)
}

.app-banner.app-banner-post,
table.thread-head tbody>tr>td>table.post-meta,
table.thread-head>tr>td>table.post-meta {
    margin-bottom: 0
}

.app-banner.app-banner-fixed {
    position: fixed;
    width: 100vw;
    bottom: var(--size-mobile-nav-area);
    background: var(--color-bg-secondary);
    margin: 0;
    padding: 10px 12px;
    border-top: var(--border-default);
    border-radius: 0
}

.app-banner,
.app-banner.app-banner-fixed .app-banner-text {
    font-weight: var(--font-weight-semibold)
}

.app-banner .app-banner-stars {
    display: flex;
    height: var(--size-16);
    align-items: center;
    gap: var(--size-8)
}

.app-banner .app-banner-x-out {
    stroke: var(--color-fg-secondary)
}

.app-banner .app-banner-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--size-32);
    width: var(--size-32);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-light-bg-primary);
    box-shadow: var(--shadow-sm)
}

.app-banner .app-banner-text {
    font-size: var(--font-size-12);
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    flex: 1 0
}

.app-banner .app-banner-cta {
    display: flex;
    align-items: center;
    padding: 0 var(--size-8);
    height: var(--size-32);
    background: var(--color-accent-fg-orange);
    border-radius: var(--border-radius-sm);
    color: var(--color-light-bg-primary);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    line-height: var(--line-height-20)
}

.app-banner,
.dropdown-menu,
.referral-banner-cta {
    border-radius: var(--border-radius-md)
}

.referral-banner-cta {
    background-color: rgba(var(--color-bg-accent-themed-rgb), .2);
    border: 0;
    color: var(--color-accent-themed);
    font-weight: var(--font-weight-semibold);
    padding: 10px 12px
}

.dropdown-menu {
    background: var(--color-bg-elevated-primary);
    border: var(--border-default);
    box-shadow: var(--shadow-lg);
    list-style: none;
    margin: 8px 0 0 !important;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-indent: 0;
    top: 100%;
    z-index: 1;
    visibility: hidden;
    font-family: var(--font_family_ui, var(--font-family-text));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-menu.tooltip {
    opacity: 0;
    transition: visibility 0s linear var(--animation-timing-fast), transform var(--animation-timing-fast) var(--animation-smoothing), opacity var(--animation-timing-fast) var(--animation-smoothing);
    transform: translateX(-50%) translateY(-8px)
}

.dropdown-menu.no-place {
    transform: none
}

.dropdown-menu.drawer {
    border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
    bottom: 0;
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: inherit;
    transform: translateY(100%);
    transition: visibility 0s var(--animation-timing-slow), transform var(--animation-timing-slow) var(--animation-smoothing);
    width: 100%;
    z-index: 5;
    box-sizing: border-box
}

.dropdown-menu.no-rect {
    display: none
}

.dropdown-menu.active {
    display: block;
    pointer-events: auto;
    visibility: visible
}

.dropdown-menu.active.tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    transition: transform var(--animation-timing-fast) var(--animation-smoothing), opacity var(--animation-timing-fast) var(--animation-smoothing)
}

.dropdown-menu.active.no-place {
    transform: none
}

.dropdown-menu.active.drawer {
    transform: translateY(0);
    transition: transform var(--animation-timing-slow) var(--animation-smoothing)
}

.dropdown-menu .dropdown-menu-tail,
.dropdown-menu .dropdown-menu-tail-shadow {
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    margin: -8px -8px 0 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--color-bg-primary);
    content: ''
}

.dropdown-menu .dropdown-menu-tail {
    margin-top: -9px;
    border-bottom-color: var(--color-utility-detail)
}

.dropdown-menu>.dropdown-menu-wrapper {
    display: flex;
    flex-direction: column;
    padding: var(--size-8);
    box-sizing: border-box;
    max-height: 500px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.dropdown-menu>.dropdown-menu-wrapper>li {
    margin: 0 !important;
    align-items: center;
    justify-content: start
}

.dropdown-menu>.dropdown-menu-wrapper>li>hr {
    border-width: 0 0 1px;
    border-color: var(--color-utility-detail);
    border-style: solid;
    margin: 8px !important;
    height: 0
}

.dropdown-menu>.dropdown-menu-wrapper>li>.dropdown-menu-item,
.dropdown-menu>.dropdown-menu-wrapper>li>a,
.dropdown-menu>.dropdown-menu-wrapper>li>span.selected {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 12px 8px;
    color: var(--color-fg-primary);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    letter-spacing: -.15px;
    border-radius: var(--border-radius-sm);
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.dropdown-menu>.dropdown-menu-wrapper>li>span.selected {
    font-weight: var(--font-weight-bold)
}

.dropdown-menu>.dropdown-menu-wrapper>li>.dropdown-menu-item:hover,
.dropdown-menu>.dropdown-menu-wrapper>li>a:hover,
.dropdown-menu>.dropdown-menu-wrapper>li>span.selected:hover {
    background: var(--color-bg-elevated-secondary)
}

.dropdown-menu .drawer-close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    width: var(--size-40);
    height: var(--size-40);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: 0 0;
    z-index: 1
}

.dropdown-drawer-backdrop {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    z-index: 4
}

.dropdown-drawer-backdrop.active {
    opacity: 1;
    pointer-events: auto
}

.tooltip-portal {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.explanation,
div.profile-updater form label {
    color: var(--color-fg-secondary);
    font-size: 14px
}

.explanation {
    left: 50%;
    min-width: 300px;
    padding: 16px;
    box-shadow: 0 3px 11.5px -8px rgba(0, 0, 0, .25);
    user-select: all;
    font-weight: var(--font-weight-medium);
    line-height: 150%
}

.explanation.above {
    bottom: 120%;
    top: unset
}

.explanation.small {
    min-width: 100px;
    white-space: nowrap
}

.explanation.thin {
    font-weight: var(--font-weight-regular)
}

.explanation .bold {
    font-weight: var(--font-weight-semibold)
}

.profile-img-wrap amp-img,
.profile-img-wrap img,
.user-head>a>.profile-img-wrap>amp-img,
.user-head>a>.profile-img-wrap>img {
    display: block;
    height: var(--size-32);
    width: var(--size-32);
    border-radius: var(--border-radius-full);
    cursor: pointer
}

.profile-img-wrap.default-pointer amp-img,
.profile-img-wrap.default-pointer img {
    cursor: default
}

.profile-img-wrap,
.wizard .corner-icon svg {
    position: relative
}

.profile-img-wrap amp-img:hover:active,
.profile-img-wrap img:hover:active {
    opacity: .6
}

.profile-img-wrap svg {
    height: var(--size-32);
    width: var(--size-32)
}

.profile-img-wrap div.profile-img-badge {
    height: 20px;
    width: 20px;
    border-radius: var(--border-radius-lg);
    position: absolute;
    background-color: var(--print_pop);
    color: var(--print_on_pop);
    right: -10px;
    bottom: -1px;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.profile-img-wrap div.profile-img-badge svg {
    position: static;
    display: block;
    top: unset;
    left: unset
}

.user-photo {
    border-radius: var(--border-radius-full)
}

.profile-image-wrapper {
    display: inline-block;
    max-width: 100%;
    height: auto;
    position: relative
}

.profile-image-wrapper img,
div.user-profile .user-profile-head {
    display: block;
    border-radius: var(--border-radius-full)
}

.profile-image-wrapper svg,
.profile-img-wrap svg {
    position: absolute;
    top: 0;
    left: 0
}

div.user-profile {
    padding: 32px 0 20px;
    text-align: center
}

div.user-profile .user-profile-head {
    margin: 0 auto;
    height: 92px;
    width: 92px
}

div.user-profile .user-profile-name {
    margin-top: 20px;
    font-size: 24px
}

div.user-profile .user-profile-publication,
div.user-profile .user-profile-status {
    margin-top: 20px;
    font-size: 14px;
    line-height: 17px
}

div.user-profile .user-profile-banned {
    font-size: 14px;
    color: red
}

.user-profile-modal {
    padding: 12px 0 44px
}

@media screen and (min-width:541px) {
    .user-profile-modal {
        padding-left: 12px;
        padding-right: 12px
    }
}

div.profile-updater,
div.profile-updater form .notice p,
div.user-profile {
    font-family: var(--font_family_ui, var(--font-family-text))
}

div.profile-updater {
    width: 450px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:650px) {
    div.profile-updater {
        width: 290px
    }
}

div.profile-updater .profile-updater-title {
    margin-bottom: 10px
}

div.profile-updater .profile-photo-wrap {
    position: relative;
    margin: 0 auto;
    height: 94px;
    width: 94px;
    text-align: center
}

div.profile-updater .profile-photo-wrap .profile-photo-image {
    border: var(--border-default);
    border-radius: var(--border-radius-full);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

div.profile-updater .profile-photo-wrap button {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 94px;
    width: 94px;
    line-height: 94px;
    color: var(--print_pop);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    cursor: pointer
}

div.profile-updater .profile-photo-wrap button input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

div.profile-updater .profile-photo-wrap .add-photo-fab {
    align-items: center;
    justify-content: center;
    background: var(--color-light-bg-primary);
    border: var(--color-utility-detail);
    border-radius: var(--border-radius-full);
    display: flex;
    position: absolute;
    right: calc(var(--size-8)*-1);
    bottom: calc(var(--size-8)*-1);
    height: var(--size-40);
    width: var(--size-40)
}

div.profile-updater .profile-photo-wrap .add-photo-fab:hover {
    background: var(--color-light-bg-secondary)
}

div.profile-updater form .profile-bio,
div.profile-updater form .profile-email,
div.profile-updater form .profile-name {
    margin-top: 10px;
    padding: 0 10px;
    width: 100%;
    height: 42px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    font-size: 14px
}

div.profile-updater form .profile-bio {
    height: 100px;
    line-height: 1.42em;
    resize: none;
    padding: 10px
}

div.profile-updater form .profile-signup-checkbox {
    display: flex;
    align-items: center;
    margin: 12px 0 0;
    padding: 0;
    height: 24px;
    line-height: 22px;
    text-align: left
}

div.profile-updater form .profile-signup-checkbox input {
    margin: 0 8px 0 3px
}

.video-player-wrapper .video-player-button a button.loading svg,
div.profile-updater form .left.hidden,
div.profile-updater form .skip.hidden {
    visibility: hidden
}

div.profile-updater form .button[type=submit] {
    margin-top: var(--size-20);
    padding: 0;
    width: 100%
}

div.profile-updater form .notice {
    display: block;
    margin-top: 10px;
    padding: 8px;
    background: var(--background_subtle);
    border-radius: var(--border-radius-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    text-align: left
}

div.profile-updater form .notice p {
    font-size: 12px;
    color: var(--print_secondary, var(--color-fg-secondary));
    margin-bottom: 0
}

div.profile-updater form .notice a {
    background-color: unset
}

div.profile-updater form label {
    margin-top: var(--size-20);
    padding: 0;
    text-align: left
}

div.profile-updater form .bio-guest-tip {
    color: var(--color-fg-secondary);
    font-size: 14px;
    margin-top: 12px;
    text-align: left
}

div.profile-updater form .agreement-note {
    color: var(--color-fg-secondary);
    font-size: 14px;
    margin-top: 20px
}

div.profile-updater form .primary-publication-selector {
    text-align: left
}

div.profile-updater form .primary-publication-selector .publication-selector-row {
    align-items: center;
    border-bottom: var(--border-default);
    display: flex;
    margin-top: 0
}

div.profile-updater form .primary-publication-selector .publication-selector-row:first-child {
    border-top: var(--border-default);
    margin-top: 16px
}

div.profile-updater form .primary-publication-selector .publication-selector-row input {
    margin: 0 0 0 10px
}

div.profile-updater form .primary-publication-selector .publication-selector-row .pub-icon {
    margin: 16px
}

div.profile-updater form .primary-publication-selector .publication-selector-row .primary-publication-name {
    display: inline-block
}

.profile-updater-modal {
    padding: 24px 8px
}

.profile-updater-modal div.profile-updater {
    margin: 0 16px;
    width: auto
}

table.thread-head {
    border-spacing: 0
}

table.thread-head .thread-head-head {
    padding-top: 2.25px;
    padding-right: 10px;
    width: var(--size-32)
}

table.thread-head .post-header .post-title {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 16px
}

.feed-item-icon .logo-hover .logo-hover-title a,
.feed-item-icon>a,
.pub-icon .logo-hover .logo-hover-title a,
.pub-icon>a,
table.thread-head .post-header .post-title a {
    text-decoration: none
}

table.thread-head .post-header .post-title svg {
    stroke: var(--color-fg-primary);
    margin-right: 4px;
    margin-bottom: -2px
}

table.thread-head .post-header .post-label {
    margin-top: -8px;
    margin-bottom: 6px
}

table.thread-head .post-header .post-label .post-label-link {
    text-decoration: none;
    color: var(--print_pop);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em
}

table.thread-head .post-header .post-meta tr td.post-meta-item {
    padding-top: 2px;
    padding-bottom: 2px
}

table.thread-head,
table.thread-head .thread-head-cta {
    display: block;
    font-family: var(--font_family_ui, var(--font-family-text))
}

table.thread-head .thread-head-cta {
    margin-bottom: 10px;
    font-size: var(--font-size-15);
    color: var(--print_pop);
    text-decoration: none
}

.feed-item-icon .logo-hover .logo-hover-title a:hover,
.pub-icon .logo-hover .logo-hover-title a:hover,
table.thread-head .thread-head-cta:hover {
    text-decoration: underline
}

table.thread-head .thread-head-cta:hover:active {
    opacity: .6
}

table.thread-head .thread-head-cta .button {
    font-size: inherit
}

table.thread-head .thread-head-cta .button.primary {
    padding: 0 16px;
    height: 38px;
    line-height: 38px
}

table.thread-head table.post-meta {
    margin-bottom: 6px
}

table.thread-head table.post-meta tr td.post-meta-item.edit-icon .dropdown-menu {
    top: 24px
}

table.thread-head .notifications-alert {
    display: inline-block;
    font-size: var(--font-size-15);
    margin-top: 5px;
    padding: 10px 20px;
    border-radius: var(--border-radius-sm);
    background-color: var(--print_pop);
    color: var(--print_on_pop)
}

table.thread-head .notifications-alert a {
    color: var(--print_on_pop)
}

.thread-head-silhouette {
    display: flex;
    flex-direction: row;
    padding: 24px 0 10px
}

.thread-head-silhouette .thread-head-silhouette-head {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden
}

.thread-head-silhouette .thread-head-silhouette-body-line,
.thread-head-silhouette .thread-head-silhouette-meta,
.thread-head-silhouette .thread-head-silhouette-title {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

.thread-head-silhouette .thread-head-silhouette-body-line::after,
.thread-head-silhouette .thread-head-silhouette-head::after,
.thread-head-silhouette .thread-head-silhouette-meta::after,
.thread-head-silhouette .thread-head-silhouette-title::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, var(--color-bg-secondary), var(--color-bg-primary), var(--color-bg-secondary));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.thread-head-silhouette .thread-head-silhouette-head {
    flex-shrink: 0;
    margin: 2.25px 10px 0 0;
    width: var(--size-32);
    height: var(--size-32);
    border-radius: var(--border-radius-full)
}

.thread-head-silhouette .thread-head-silhouette-content {
    width: 100%
}

.thread-head-silhouette .thread-head-silhouette-content .thread-head-silhouette-title {
    margin-top: 2px;
    height: 14px;
    max-width: 480px
}

.thread-head-silhouette .thread-head-silhouette-content .thread-head-silhouette-meta {
    margin-top: 7px;
    height: 11px;
    max-width: 240px
}

.thread-head-silhouette .thread-head-silhouette-content .thread-head-silhouette-body {
    margin-top: 16px
}

.thread-head-silhouette .thread-head-silhouette-content .thread-head-silhouette-body .thread-head-silhouette-body-line {
    margin-bottom: 6px;
    height: 13px
}

.thread-head-silhouette .thread-head-silhouette-content .thread-head-silhouette-body .thread-head-silhouette-body-line:last-child {
    max-width: 200px
}

.use-theme-bg table.thread-head .page-title,
.use-theme-bg table.thread-head .page-title a,
.use-theme-bg table.thread-head .subtitle,
.use-theme-bg table.thread-head h1,
.use-theme-bg table.thread-head h1 a,
.use-theme-bg table.thread-head h1.title a,
.use-theme-bg table.thread-head h2,
.use-theme-bg table.thread-head h2 a,
.use-theme-bg table.thread-head h3,
.use-theme-bg table.thread-head h3 a,
.use-theme-bg table.thread-head h4,
.use-theme-bg table.thread-head h4 a,
.use-theme-bg table.thread-head h5,
.use-theme-bg table.thread-head h5 a,
.use-theme-bg table.thread-head h6,
.use-theme-bg table.thread-head h6 a,
.use-theme-bg table.thread-head p,
.use-theme-bg table.thread-head p a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg table.thread-head .captioned-image-container figcaption,
.use-theme-bg table.thread-head .captioned-image-container-static figcaption,
.use-theme-bg table.thread-head .subtitle,
.use-theme-bg table.thread-head a.ui-secondary {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .use-theme-bg table.thread-head h1,
    .use-theme-bg table.thread-head h2,
    .use-theme-bg table.thread-head h3,
    .use-theme-bg table.thread-head h4,
    .use-theme-bg table.thread-head h5,
    .use-theme-bg table.thread-head h6,
    .use-theme-bg table.thread-head p {
        color: #000
    }

    .use-theme-bg table.thread-head h1 a,
    .use-theme-bg table.thread-head h2 a,
    .use-theme-bg table.thread-head h3 a,
    .use-theme-bg table.thread-head h4 a,
    .use-theme-bg table.thread-head h5 a,
    .use-theme-bg table.thread-head h6 a,
    .use-theme-bg table.thread-head p a {
        color: #00f
    }
}

@media print {
    .use-theme-bg table.thread-head a.ui-secondary a {
        color: #00f
    }
}

.home-page input,
.home-page textarea,
.single-post-container input,
.single-post-container textarea,
.use-theme-bg table.thread-head .captioned-image-container figcaption a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.use-theme-bg table.thread-head .post-header .post-title svg {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary));
    margin-right: 6px
}

.subscribe-widget {
    margin: 0 0 1em;
    direction: ltr
}

.subscribe-widget form.form {
    margin: 0 auto;
    max-width: 384px
}

.subscribe-widget form.form .sideBySideWrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start
}

.subscribe-widget form.form .sideBySideWrap input[name=email-pop] {
    display: inline-block;
    padding: 10px;
    height: 40px;
    border: 1px solid var(--print_on_pop);
    background: var(--background_pop);
    border-right-width: 0;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
    color: var(--print_on_pop)
}

.subscribe-widget form.form .sideBySideWrap input[name=email-pop]::placeholder {
    color: var(--print_on_pop)
}

.subscribe-widget form.form .sideBySideWrap input[name=email] {
    display: inline-block;
    padding: 10px;
    height: 40px;
    border: 1px solid var(--background_pop);
    border-right-width: 0;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none
}

.subscribe-widget form.form .sideBySideWrap button.rightButton {
    margin-top: 0;
    padding: 10px 20px;
    height: 40px;
    background: var(--background_pop);
    border: 1px solid var(--background_pop);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: 14px;
    color: var(--print_on_pop);
    font-weight: var(--font-weight-medium)
}

@media screen and (max-width:650px) {
    .subscribe-widget form.form .sideBySideWrap button.rightButton {
        padding: 10px 12px
    }
}

.subscribe-widget form.form .sideBySideWrap button.rightButton.pop {
    background: var(--print_on_pop);
    border: 1px solid var(--print_on_pop)
}

.subscribe-widget form.form .sideBySideWrap button.rightButton .button-text.pop {
    color: var(--background_pop)
}

.subscribe-widget.is-signed-up form.form {
    max-width: 290px
}

.subscribe-widget.is-signed-up form.form .sideBySideWrap input[name=email] {
    border-color: var(--border_subtle)
}

.subscribe-widget.is-signed-up form.form .sideBySideWrap button.rightButton {
    width: 60px;
    min-width: auto;
    font-weight: var(--font-weight-medium);
    cursor: default
}

.subscribe-widget:not(.is-signed-up) form.form .sideBySideWrap button.rightButton.disabled,
.subscribe-widget:not(.is-signed-up) form.form .sideBySideWrap button.rightButton[disabled] {
    position: relative;
    color: transparent;
    opacity: .5
}

.subscribe-widget:not(.is-signed-up) form.form .sideBySideWrap button.rightButton.disabled::after,
.subscribe-widget:not(.is-signed-up) form.form .sideBySideWrap button.rightButton[disabled]::after {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -.5px;
    height: 8px;
    width: 1px;
    background: rgba(255, 255, 255, .75);
    animation: rotate .75s infinite ease;
    content: ''
}

.subscribe-widget .button-wrapper .subscribe-btn {
    margin: 0 auto
}

.subscribe-widget .button-wrapper .subscribe-btn--left {
    margin: 0
}

.subscribe-widget .subscribe-btn .check-icon.static {
    display: inline-block;
    margin: -2px var(--size-8) 0 0
}

.share-dialog.modal .container {
    width: 420px
}

.share-dialog.modal .share-dialog-title {
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    line-height: 36px;
    margin: 24px 24px 0
}

.share-dialog.modal .modal-content {
    padding-top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.share-dialog.modal .modal-content>.container {
    margin: 0 auto;
    background: #fff
}

.social-preview-box .social-image-box {
    height: 90px;
    width: 90px;
    overflow: hidden
}

.social-preview-box .social-image-box .social-image {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.social-preview-box .social-image-box svg.social-image-default {
    display: block;
    padding-top: 25px;
    padding-left: 20px;
    height: 36px;
    width: 50px;
    fill: var(--print_secondary, var(--color-fg-secondary));
    stroke: var(--print_secondary, var(--color-fg-secondary))
}

.social-preview-box.post .social-image-box,
.social-preview-box.pub .social-image-box {
    border-radius: var(--border-radius-md)
}

.social-preview-box.user .social-image-box {
    border-radius: var(--border-radius-full)
}

.share-dialog-buttons-wrapper .share-action {
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center
}

.share-dialog-buttons-wrapper .share-action .action-icon {
    background: var(--color-bg-secondary);
    border: var(--border-default);
    border-radius: var(--border-radius-full);
    display: inline-block;
    position: relative;
    height: 56px;
    width: 56px;
    margin-bottom: 4px
}

.share-dialog-buttons-wrapper .share-action .action-icon svg {
    fill: var(--color-fg-secondary);
    height: 23px;
    left: 50%;
    position: absolute;
    stroke-width: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 23px
}

.share-dialog-buttons-wrapper .share-action:hover .action-icon {
    background-color: var(--color-bg-tertiary)
}

.share-dialog-network-menu {
    z-index: 100
}

.custom-pub-theme-share-dialog-network-menu {
    top: inherit
}

.portable-archive,
.publication.card table {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.portable-archive .portable-archive-list {
    padding-bottom: 18px
}

.portable-archive .portable-archive-list .portable-archive-empty {
    padding: 8px 8px 20px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 16px;
    font-weight: 700
}

.portable-archive .portable-archive-list .portable-archive-all {
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 16px;
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-size: 14px;
    line-height: 17px;
    text-decoration: none
}

.portable-archive .portable-archive-list .portable-archive-all svg {
    height: 9px;
    width: 5px
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td a:hover:active,
.portable-archive .portable-archive-list .portable-archive-all:hover:active {
    opacity: .7
}

.publication.card {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16px
}

.publication.card .pub-icon {
    width: 60px;
    min-width: 60px;
    height: 60px
}

.publication.card .pub-icon .placeholder {
    line-height: 51px
}

.publication.card .pub-icon span.placeholder {
    font-size: 26px;
    align-items: center;
    line-height: 26px
}

div.publication.card {
    display: flex;
    flex-direction: row
}

table.publication.card .pub-icon {
    margin-right: unset
}

table.publication.card td.logo {
    padding-right: 12px
}

.publication.card .pub-icon span.placeholder,
.publication.card div.title {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.publication.card figure {
    margin: unset
}

.publication.card figure img {
    border-radius: var(--border-radius-sm);
    max-width: 100% !important
}

.publication.card .description {
    font-size: 14px;
    color: var(--print_secondary, var(--color-fg-secondary))
}

.pub-icon-margin {
    margin-right: 10px
}

.feed-item-icon,
.pub-icon {
    position: relative;
    width: 30px;
    min-width: 30px;
    height: 30px
}

.feed-item-icon .placeholder,
.pub-icon .placeholder {
    line-height: 21px;
    display: block;
    width: 100%;
    height: 100%;
    border: 5px solid #ddd;
    border-radius: var(--border-radius-full);
    box-sizing: border-box;
    color: var(--print_secondary, var(--color-fg-secondary));
    font-family: Nunito, var(--font_family_body, var(--font_family_body_preset, 'Spectral', serif, var(--font-family-text)));
    font-weight: var(--font_weight_body_preset, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    text-align: center;
    text-transform: capitalize
}

.feed-item-icon img,
.pub-icon img {
    width: 100%;
    max-width: 100%;
    height: 100%
}

.feed-item-icon .logo-hover,
.pub-icon .logo-hover {
    z-index: 1;
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 1px;
    padding: 12px;
    width: 320px;
    background: #f8f9fb;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}

.feed-item-icon .logo-hover::after,
.feed-item-icon .logo-hover::before,
.pub-icon .logo-hover::after,
.pub-icon .logo-hover::before {
    display: block;
    position: absolute;
    top: -10px;
    left: 8px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent transparent #f8f9fb;
    content: ''
}

.feed-item-icon .logo-hover::after,
.pub-icon .logo-hover::after {
    border-width: 0 10px 10px
}

.feed-item-icon .logo-hover::before,
.pub-icon .logo-hover::before {
    margin: -1px 0 0 -1px;
    border-color: transparent transparent var(--border_subtle) transparent;
    border-width: 0 11px 11px
}

.feed-item-icon .logo-hover .logo-hover-title,
.pub-icon .logo-hover .logo-hover-title {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.feed-item-icon .logo-hover .logo-hover-byline,
.pub-icon .logo-hover .logo-hover-byline {
    font-size: 14px
}

.feed-item-icon .logo-hover .logo-hover-description,
.feed-item-icon .logo-hover .logo-hover-proof,
.pub-icon .logo-hover .logo-hover-description,
.pub-icon .logo-hover .logo-hover-proof {
    margin-top: 3px;
    font-size: 13px
}

.feed-item-icon .logo-hover .logo-hover-description,
.pub-icon .logo-hover .logo-hover-description {
    color: var(--print_secondary, var(--color-fg-secondary))
}

@media screen and (min-width:541px) {

    .feed-item-icon:hover .logo-hover,
    .pub-icon:hover .logo-hover {
        display: block
    }
}

.banner,
.feed-item-icon img,
.pub-icon img,
div.pill {
    border-radius: var(--border-radius-sm)
}

div.pill {
    font-family: var(--font_family_ui, var(--font-family-text));
    width: fit-content;
    line-height: inherit;
    background-color: var(--color-fg-primary);
    padding: 0 6px;
    border: 2px solid var(--color-fg-primary)
}

div.pill span {
    align-items: center;
    text-align: center;
    display: flex;
    font-weight: var(--font-weight-medium);
    color: var(--color-bg-primary);
    font-size: 12px
}

div.pill svg {
    padding-right: .25rem
}

.banner {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px 20px;
    margin-bottom: 34px;
    font-size: 16px
}

.banner.info {
    background: var(--background_subtle);
    color: var(--print_pop)
}

.banner.info .banner-close {
    stroke: var(--print_pop)
}

.banner.setup {
    border: var(--border-default);
    padding: var(--size-16);
    position: relative
}

@media screen and (min-width:541px) {
    .banner.setup {
        width: 460px
    }

    .banner.setup.wide {
        width: 488px
    }
}

.banner.setup .banner-close {
    position: absolute;
    right: 30px;
    stroke: #1c110b;
    top: 32px
}

.banner.setup .setup-twitter-banner-header {
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    line-height: 25.5px;
    margin-bottom: 6px
}

@media screen and (max-width:650px) {
    .banner.setup .setup-twitter-banner-header {
        max-width: 80%
    }
}

.banner.setup p {
    color: #666
}

.banner.setup .twitter-button {
    font-weight: var(--font-weight-medium);
    margin-top: 36px;
    width: 100%
}

.banner.setup .twitter-permission-notice {
    color: #858585;
    font-size: 14px;
    text-align: center;
    margin-top: 12px
}

.banner a {
    cursor: pointer;
    color: inherit;
    display: inline !important
}

.banner .banner-close {
    position: relative;
    top: 4px;
    float: right;
    cursor: pointer;
    display: block !important;
    stroke-linecap: round
}

.banner .go-paid-banner-bell {
    position: relative;
    top: 4px;
    margin-right: 20px
}

@media screen and (max-width:650px) {

    .banner .go-paid-banner-bell,
    .banner .go-paid-banner-text,
    .banner .new-feature-banner-text .new-feature-banner-bell {
        display: none
    }
}

.banner.toast {
    position: fixed;
    display: flex;
    justify-content: space-between;
    bottom: 24px;
    z-index: 10;
    width: 50vw;
    left: 25vw;
    background-color: var(--print_pop);
    color: var(--print_on_pop)
}

.banner.toast .banner-close {
    stroke: var(--print_on_pop)
}

.banner.new-feature {
    border: var(--border-default);
    position: relative;
    display: flex;
    align-items: center;
    padding: 24px 20px
}

@media screen and (max-width:650px) {
    .banner.new-feature {
        padding: 18px 20px 20px
    }
}

.banner.new-feature .new-feature-banner-bell {
    position: relative;
    top: 2px;
    margin-right: 16px
}

.banner.new-feature .new-feature-banner-text {
    margin: 0;
    line-height: 1.4
}

@media screen and (max-width:650px) {
    .banner.new-feature .new-feature-banner-text {
        padding-right: 16px
    }
}

.banner.new-feature .banner-close {
    position: absolute;
    right: 20px;
    top: 18px
}

.banner.coming-soon {
    border: var(--border-default);
    padding: 25px;
    position: relative;
    margin: 25px auto 0;
    text-align: center
}

@media screen and (min-width:541px) {
    .banner.coming-soon {
        width: 500px
    }
}

.banner.coming-soon .banner-close {
    position: absolute;
    right: 30px;
    stroke: #1c110b;
    top: 32px
}

.banner.coming-soon .coming-soon-banner-header {
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    line-height: 25.5px
}

@media screen and (max-width:650px) {
    .banner.coming-soon .coming-soon-banner-header {
        max-width: 80%
    }
}

.banner.coming-soon p,
.banner.setup p {
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    line-height: 24px;
    margin-bottom: 0
}

.recommend-linked-publication-modal-loader {
    line-height: 20vh;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-align: center
}

.recommend-linked-publication-modal-container .subtitle {
    font-size: 16px;
    line-height: 22px;
    color: gray
}

.recommend-linked-publication-modal-container .recommend-publication-container {
    display: flex;
    margin-top: 0;
    margin-bottom: 16px
}

.recommend-linked-publication-modal-container .recommend-publication-container.last {
    margin-bottom: 0
}

.recommend-linked-publication-modal-container .recommend-publication-container .pub-icon {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: var(--border-radius-sm)
}

.recommend-linked-publication-modal-container .recommend-publication-container .publication-name-author .publication-name {
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 700;
    text-decoration: none
}

.recommend-linked-publication-modal-container .recommend-publication-container .publication-name-author .author-name {
    color: gray;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0
}

.recommend-linked-publication-modal-container .recommend-publication-container .big-checkbox-input {
    display: block;
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: 15px
}

.recommend-linked-publication-modal-container .recommend-publication-container .big-checkbox-input .big-checkbox {
    height: 22px;
    width: 22px;
    border-radius: var(--border-radius-sm);
    background-color: #fff
}

.recommend-linked-publication-modal-container .recommend-publication-container .big-checkbox-input .big-checkbox.checked {
    background-color: var(--print_pop);
    border-color: var(--print_pop)
}

.file-embed-wrapper {
    position: relative;
    padding: 0 4rem;
    outline: 0 !important
}

@media screen and (max-width:768px) {
    .file-embed-wrapper {
        padding: 0
    }
}

.file-embed-wrapper-editor {
    direction: ltr;
    position: relative;
    outline: 0 !important;
    pointer-events: none;
    display: flex;
    justify-content: center
}

@media screen and (max-width:768px) {
    .file-embed-wrapper-editor {
        padding: 0
    }
}

.file-embed-wrapper-editor:active {
    position: relative;
    outline: 0 !important
}

@media screen and (max-width:768px) {
    .file-embed-wrapper-editor:active {
        padding: 0
    }
}

.file-embed-aligner {
    position: relative;
    width: 600px
}

.file-embed-container,
.file-embed-container-reader {
    pointer-events: all;
    z-index: 5;
    padding-inline-start: 0;
    padding: var(--size-16);
    flex-direction: row;
    align-self: stretch;
    flex-wrap: wrap;
    border-radius: var(--border-radius-sm)
}

.file-embed-container {
    position: relative;
    margin: var(--size-32) auto;
    display: flex;
    flex-grow: 1;
    align-items: center;
    border: 1px solid var(--border_subtle);
    transition: filter .25s border .25s
}

.file-embed-container.cover,
.file-embed-container.placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem
}

.file-embed-container.cover {
    height: 92px;
    pointer-events: none;
    cursor: not-allowed;
    position: absolute;
    z-index: 30;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.file-embed-container.covered.error,
.file-embed-container.error {
    height: 144px
}

.file-embed-container.covered {
    position: relative;
    height: 92px;
    pointer-events: none;
    cursor: not-allowed;
    border: 0
}

.file-embed-container.covered .file-embed-button,
.file-embed-container.covered .file-embed-button-image,
.file-embed-container.covered .file-embed-button-text,
.file-embed-container.covered .file-embed-description,
.file-embed-container.covered .file-embed-details,
.file-embed-container.covered .file-embed-details-h1,
.file-embed-container.covered .file-embed-details-h2 {
    display: none
}

.file-embed-container-reader {
    margin-bottom: 1rem;
    border: var(--border-default);
    background-color: var(--color-bg-primary)
}

.file-embed-container-reader,
.file-embed-container-top {
    display: flex;
    flex-grow: 1;
    align-items: center
}

.file-embed-container:not(.covered, .cover):hover {
    filter: brightness(97.5%);
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.file-embed-container:active:not(.cover) {
    border: 1px solid var(--color-fg-primary);
    filter: brightness(.95);
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.file-embed-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.file-embed-details-h1,
.file-embed-details-h2 {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    align-self: stretch;
    flex-grow: 0
}

.file-embed-details-h2 {
    font-weight: 400;
    color: var(--color-fg-secondary)
}

.file-embed-thumbnail {
    pointer-events: none;
    max-width: 64px !important;
    margin: 0 16px 0 0 !important
}

.file-embed-thumbnail-default {
    pointer-events: none;
    max-width: 24px;
    margin: 0 16px 0 0 !important;
    border: 1px solid var(--border_subtle);
    background-color: var(--color-light-bg-primary);
    border-radius: var(--border-radius-sm);
    object-fit: none;
    height: 40px;
    width: 40px
}

.file-embed-thumbnail-drag-ghost {
    max-width: 64px
}

.file-embed-description {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    display: flex;
    margin: var(--size-16) 0 0 0;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: var(--color-fg-primary);
    align-self: stretch
}

.file-embed-description:empty {
    margin: 0
}

.file-embed-error-icon {
    max-width: 24px
}

.file-embed-button,
.file-embed-error-button {
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-sm);
    height: 40px;
    margin: 0 0 0 var(--size-16);
    background: var(--background_pop);
    padding: 0 var(--size-20);
    justify-content: center;
    text-decoration: none;
    border: 0;
    color: var(--print_on_pop)
}

.file-embed-button.mock,
.file-embed-error-button.mock {
    pointer-events: none
}

.file-embed-button:hover,
.file-embed-error-button:hover {
    filter: brightness(97.5%);
    cursor: pointer
}

.file-embed-button:active,
.file-embed-error-button:active {
    filter: brightness(95%)
}

.file-embed-button.wide,
.file-embed-error-button.wide {
    margin: 0 0 0 var(--size-16);
    flex: 0 0 auto
}

@media only screen and (max-width:650px) {

    .file-embed-button.wide,
    .file-embed-error-button.wide {
        display: none
    }
}

.file-embed-button.narrow,
.file-embed-error-button.narrow {
    margin: var(--size-16) 0 0 0;
    flex-basis: 100%;
    box-sizing: border-box
}

@media only screen and (min-width:630px) {

    .file-embed-button.narrow,
    .file-embed-error-button.narrow {
        display: none
    }
}

.file-embed-error-button {
    pointer-events: all;
    margin: 0
}

.file-embed-error-message {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    margin: 12px 0;
    color: var(--color-fg-secondary);
    flex-grow: 0;
    font-size: 14px
}

.file-embed-button-image {
    width: 20px !important;
    margin: 0 12px 0 0 !important
}

.file-embed-button-text,
.file-embed-error-button-text {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    color: var(--print_on_pop);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    line-height: 100%
}

.file-embed-upload-error-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7) !important;
    z-index: 998 !important
}

.file-embed-upload-error-modal-inner {
    padding: 2rem
}

.file-embed-upload-error-modal-inner button {
    float: right;
    margin-bottom: 2rem
}

.file-embed-drag-indicator {
    outline: 2px solid #000 !important;
    position: absolute;
    height: 0 !important;
    width: 100% !important
}

.file-embed-replace-cover {
    position: absolute;
    z-index: 30;
    background: var(--color-bg-secondary);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    top: 0;
    bottom: 0;
    left: 4rem;
    right: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem
}

.file-embed-menu-button.hidden {
    display: none
}

.file-embed-menu-button,
.static-file-embed-table {
    border: var(--border-default);
    background-color: var(--color-bg-primary);
    border-radius: var(--border-radius-sm)
}

.file-embed-menu-button {
    pointer-events: all;
    position: absolute;
    margin-left: 8px;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 8 !important;
    transition: filter .25s
}

.file-embed-menu-button:hover {
    cursor: pointer;
    background: var(--color-bg-secondary)
}

.file-embed-menu-button:active {
    filter: brightness(95%)
}

.file-embed-menu-button.disabled {
    pointer-events: none;
    cursor: not-allowed !important;
    z-index: 35
}

.file-embed-menu-button.open {
    border: 1px solid #000;
    background-color: var(--color-bg-secondary)
}

.static-file-embed-table {
    width: 100%;
    z-index: 5;
    margin-bottom: 1rem
}

.static-file-embed-thumbnail-container {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    height: 150px;
    position: relative
}

.static-file-embed-thumbnail-container.default {
    min-width: 74px;
    max-width: 74px;
    width: 74px;
    height: 74px
}

.static-file-embed-thumbnail {
    width: 100px !important;
    max-width: 100px;
    height: 150px;
    max-height: 150px
}

.static-file-embed-thumbnail.default {
    margin: 0 auto;
    max-width: 42px !important;
    max-height: 42px !important
}

.static-file-embed-details {
    width: 100%;
    min-height: 91px;
    height: 91px;
    position: relative;
    vertical-align: center
}

.static-file-embed-details.default {
    min-height: 37px;
    height: 37px
}

.static-file-embed-details-h1,
.static-file-embed-details-h2 {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    font-style: normal;
    line-height: 150%
}

.static-file-embed-details-h1 {
    font-weight: var(--font-weight-semibold);
    font-size: 16px
}

.static-file-embed-details-h2 {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-fg-secondary)
}

.static-file-embed-button-container {
    text-decoration: none;
    width: 100%
}

.static-file-embed-button {
    width: 100%;
    vertical-align: center;
    text-align: center;
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    font-size: 16px
}

.static-file-embed-button-image {
    max-width: 100px !important;
    margin: 0 auto
}

.static-file-embed-anchor {
    text-decoration: none !important;
    background-color: var(--color-bg-secondary);
    border: var(--border-default);
    color: var(--color-fg-secondary);
    height: 20px;
    width: 100%;
    display: inline-block;
    border-radius: var(--border-radius-sm);
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.file-upload-error-modal {
    background-color: rgba(53, 53, 53, .71) !important
}

.file-upload-error-modal-inner {
    margin: 24px
}

.file-upload-error-actions {
    display: flex;
    justify-content: flex-end
}

.table-list {
    list-style: none;
    padding-inline-start: 0;
    margin: 0;
    overflow: hidden;
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

.table-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.table-list-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--size-16);
    margin: 0
}

.table-list-row:last-child {
    border: 0 !important
}

.table-list-header,
.table-list-item {
    background-color: var(--color-bg-secondary);
    border-bottom: var(--border-default)
}

.table-list-item {
    text-decoration: none;
    background-color: var(--color-bg-primary);
    cursor: pointer
}

.table-list-item:hover {
    filter: brightness(98%)
}

.table-list-item:active {
    filter: brightness(95%)
}

.table-list-item svg {
    min-width: 32px
}

.table-list-h1,
.table-list-h2 {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: var(--color-fg-primary);
    align-self: stretch;
    flex-grow: 1
}

.table-list-h2 {
    font-weight: 400;
    color: var(--color-fg-secondary);
    word-break: break-all
}

.table-list-col {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: var(--size-16)
}

.table-list-thumbnail {
    width: 55px
}

.table-list-thumbnail.default {
    width: 24px
}

.table-list-grow {
    flex-grow: 1;
    margin: 0 var(--size-16)
}

.embed-loader,
.embed-loader:after {
    border-radius: var(--border-radius-full);
    width: 20px;
    height: 20px
}

.embed-loader {
    border-top: 2px solid rgba(0, 0, 0, .1);
    border-right: 2px solid rgba(0, 0, 0, .1);
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-left: 2px solid #666;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 2s infinite cubic-bezier(.65, 0, .35, 1);
    animation: load8 2s infinite linear cubic-bezier(.65, 0, .35, 1)
}

.embed-loader-text {
    font-family: 'SF Pro Display', -apple-system, system-ui, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility;
    letter-spacing: -.012em;
    margin: 0;
    color: #666;
    flex-grow: 0;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    line-height: 100%;
    margin-top: var(--size-16);
    text-align: center
}

.embed-loader-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.full-screen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100vw;
    min-height: 100vh;
    align-items: center;
    text-align: center;
    display: flex;
    padding: 16px 0;
    font-family: var(--font_family_ui, var(--font-family-text))
}

.full-screen .button {
    padding: 10px 48px
}

@media screen and (min-width:768px) {
    .full-screen {
        padding: 0
    }
}

.wizard .masthead {
    margin: 0 0 16px
}

@media screen and (min-width:768px) {
    .wizard .masthead {
        margin: 0 0 32px
    }
}

.wizard h1 {
    margin: 0;
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    line-height: 33px
}

.wizard h2 {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: var(--font-weight-regular)
}

.wizard .corner-icon {
    position: fixed;
    left: 20px;
    top: 20px;
    color: #666;
    border: var(--border-default);
    border-radius: 50px;
    background: var(--color-bg-secondary);
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1
}

.wizard .corner-icon.back svg {
    left: -1px;
    top: 0
}

.stepper-container {
    margin: 0 auto;
    width: 100%
}

.stepper-container.bottom-fixed {
    position: absolute;
    bottom: 60px
}

.stepper-container .stepper {
    text-align: center
}

.stepper-container .stepper .step {
    display: inline-block;
    min-height: 4px;
    min-width: 41px;
    margin-right: 2px;
    transition: background-color .4s;
    background-color: #e1e1e1
}

.stepper-container .stepper .step:first-of-type {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.stepper-container .stepper .step:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.stepper-container .stepper .step.filled {
    background-color: var(--color-accent-fg-orange)
}

.section-bar {
    position: relative;
    font-family: var(--font-family-text);
    height: var(--size-48);
    display: flex;
    justify-content: center;
    padding-left: var(--size-4)
}

@media screen and (max-width:650px) {
    .section-bar {
        height: 44px;
        justify-content: flex-start
    }
}

.section-bar .overflow-items {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    height: 100%;
    justify-content: flex-start;
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.section-bar .overflow-items::-webkit-scrollbar {
    display: none
}

.section-bar .overflow-items .menu-item {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 10px;
    height: 100%
}

.section-bar .overflow-items .menu-item.overflow-menu {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0, -100%)
}

.section-bar .overflow-items .menu-item.overflow-menu .more-chevron {
    margin-left: 6px
}

.section-bar .left-button,
.section-bar .right-button {
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    height: 100%;
    width: 100px;
    transition: opacity var(--animation-timing-fast) var(--animation-smoothing);
    pointer-events: none
}

@media screen and (max-width:650px) {

    .section-bar .left-button,
    .section-bar .right-button {
        display: none
    }
}

.section-bar .left-button s svg.lucide,
.section-bar .right-button s svg.lucide {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.section-bar .left-button .scroll-button-hitbox,
.section-bar .right-button .scroll-button-hitbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 var(--size-16);
    cursor: pointer;
    pointer-events: none
}

.section-bar .left-button {
    background: linear-gradient(to right, var(--web_bg_color, var(--color-bg-primary)) 20%, rgba(255, 255, 255, 0) 100%);
    justify-content: flex-start;
    left: 0
}

.section-bar .right-button {
    background: linear-gradient(to left, var(--web_bg_color, var(--color-bg-primary)) 20%, rgba(255, 255, 255, 0) 100%);
    justify-content: flex-end;
    right: 0
}

.section-bar.overflow-left .left-button,
.section-bar.overflow-right .right-button {
    opacity: 1;
    pointer-events: all
}

.section-bar.overflow-left .left-button .scroll-button-hitbox,
.section-bar.overflow-right .right-button .scroll-button-hitbox {
    pointer-events: all
}

.home-page .home-right-group.recommendations .home-right-group-title {
    display: flex;
    justify-content: space-between !important;
    align-items: baseline
}

.home-page .home-right-group.recommendations .home-right-group-title a {
    text-decoration: none
}

.home-page .home-right-group.recommendations .home-right-group-title a:nth-of-type(2) {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    line-height: 22px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.home-page .home-right-group.recommendations>.home-right-col {
    margin-top: 16px !important
}

.home-page .home-right-group.recommendations .recommendation-row {
    width: 220px;
    max-width: 220px
}

.home-page .home-right-group.recommendations .recommendation-row .pub-icon {
    height: 32px;
    width: 32px;
    min-width: 32px
}

.home-page .home-right-group.recommendations .recommendation-row .left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.home-page .home-right-group.recommendations .recommendation-row .left a {
    text-decoration: none
}

.home-page .home-right-group.recommendations .recommendation-row .left .pub-meta a {
    text-decoration: none;
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    line-height: 20px;
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

@media screen and (min-width:541px) {
    .home-page .home-right-group.recommendations .recommendation-row .left .pub-meta a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 170px
    }
}

.home-page .home-right-group.recommendations .recommendation-row .left .pub-meta .pub-author {
    font-weight: var(--font-weight-regular);
    font-size: 13px;
    line-height: 19px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.home-page.magaziney .home-right-group.recommendations .recommendation-row {
    max-width: none;
    width: auto
}

.home-page.magaziney .home-right-group.recommendations .recommendation-row .left .pub-meta a {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    max-width: none
}

.recommendations-page-container {
    font-family: var(--font_family_ui, var(--font-family-text));
    margin: 50px auto;
    max-width: 600px
}

.recommendations-page-container h2 {
    font-weight: var(--font-weight-bold);
    font-size: 20px;
    line-height: 26px;
    margin: 0
}

.home-page .home-right-group.recommendations .recommendation-row,
.recommendations-page-container .top-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.recommendations-page-container .top-row .left {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    gap: 8px
}

.recommendations-page-container .top-row .left .pub-icon {
    width: 48px;
    height: 48px
}

.recommendations-page-container .top-row .left .pub-icon .placeholder {
    line-height: 38px
}

.recommendations-page-container .top-row .left .pub-meta {
    display: flex;
    flex-direction: column
}

.recommendations-page-container .top-row .left .pub-meta .publication-title {
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    line-height: 24px;
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

@media screen and (max-width:650px) {
    .recommendations-page-container .top-row .left .pub-meta .publication-title {
        max-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.recommendations-page-container .top-row .left .pub-meta .publication-author,
.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button {
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    line-height: 20px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media screen and (max-width:650px) {
    .recommendations-page-container .top-row .left .pub-meta .publication-author {
        max-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.recommendations-page-container .publication-description {
    margin-top: 12px;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    line-height: 22px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.recommendations-page-container .blurb {
    display: block;
    margin-left: 0;
    padding-left: 16px;
    border-left: solid 2px var(--print_on_web_bg_color, var(--color-fg-primary));
    margin-top: 20px
}

.recommendations-page-container .blurb .blurb-content {
    margin: 0;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-16);
    line-height: 22px;
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.recommendations-page-container .blurb .blurb-author {
    margin: 4px 0 0;
    font-weight: var(--font-weight-bold);
    font-size: 13px;
    line-height: 19px
}

.recommended-publications-text-container {
    width: 600px
}

@media screen and (max-width:650px) {
    .recommended-publications-text-container {
        width: 350px;
        max-width: 100vw
    }
}

.recommended-publications-text-container .recommended-publications-text {
    font-size: 16px;
    text-align: left;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 12px
}

.recommended-publications-text-container.with-blurb {
    display: flex;
    column-gap: 12px
}

.recommended-publications-text-container.with-blurb .author-photo {
    border-radius: var(--border-radius-full);
    height: 40px;
    width: 40px;
    object-fit: cover
}

.recommended-publications-text-container.with-blurb .recommendation-body {
    flex: 1;
    min-width: 0
}

.recommended-publications-text-container.with-blurb .recommendation-body .author-recommends {
    font-weight: var(--font-weight-semibold);
    font-size: 16px;
    line-height: 19px;
    margin: 0
}

.recommended-publications-text-container.with-blurb .recommendation-body .recommendation-description {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 150%
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content {
    margin-top: 12px;
    box-sizing: border-box;
    border-top: solid 1px var(--border_subtle);
    padding: 20px 0;
    text-decoration: none
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content .pub-icon {
    margin-right: 16px;
    min-width: 48px
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content .pub-icon img {
    border-radius: var(--border-radius-sm)
}

@media screen and (max-width:650px) {
    .recommended-publications-text-container.with-blurb .recommendation-body .publication-content .pub-icon {
        height: 40px;
        width: 40px;
        min-width: 40px
    }
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button {
    background-color: var(--background_contrast_1);
    border: solid 1px var(--border_subtle);
    line-height: 21px;
    font-weight: var(--font-weight-bold)
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button.unsubscribe {
    color: var(--background_contrast_5);
    opacity: .7
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button .not-on-hover {
    display: block
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button .on-hover,
.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button:hover .not-on-hover {
    display: none
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content button:hover .on-hover {
    display: block
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content .publication-suggestion-text-area {
    flex: 1;
    min-width: 0
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content .publication-suggestion-text-area .publication-title {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recommended-publications-text-container.with-blurb .recommendation-body .publication-content .publication-suggestion-text-area .publication-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-ufi {
    display: flex
}

.post-ufi.style-button {
    gap: var(--size-8)
}

.post-ufi.style-compressed {
    gap: var(--size-4)
}

.post-ufi.vertically-stacked {
    flex-direction: column;
    gap: var(--size-24)
}

@media screen and (max-width:650px) {
    .post-ufi.single-full-width-button .post-ufi-button-wrapper {
        width: 100%;
        padding: var(--size-16)
    }

    .post-ufi.single-full-width-button .post-ufi-button-wrapper:empty {
        display: none
    }

    .post-ufi.single-full-width-button .post-ufi-button {
        width: 100%;
        justify-content: center
    }
}

.post-ufi .post-ufi-button {
    align-items: center;
    background: 0 0;
    cursor: pointer;
    display: flex;
    font-family: var(--font-family-text);
    text-decoration: none;
    flex: 0 0 auto
}

.post-ufi .post-ufi-button.style-button,
.post-ufi .post-ufi-button.style-tabs {
    column-gap: var(--size-8)
}

.post-ufi .post-ufi-button .icon {
    flex-shrink: 0;
    fill: none;
    stroke: var(--color-secondary-themed)
}

.post-ufi .post-ufi-button .label {
    color: var(--color-secondary-themed);
    font-weight: var(--font-weight-medium)
}

.post-ufi .post-ufi-button.style-button {
    box-sizing: border-box;
    border-radius: calc(var(--size-40)*.5);
    height: var(--size-40);
    min-width: var(--size-40);
    padding: 0 var(--size-12);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.post-ufi .post-ufi-button.style-button.edit-button-container,
.post-ufi .post-ufi-button.style-button.like-button-container {
    padding: 0
}

.post-ufi .post-ufi-button.style-button.with-border {
    border: var(--border-default-themed)
}

.post-ufi .post-ufi-button.style-button .label {
    border-bottom-width: 2px;
    border-top-width: 2px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.15px
}

.post-ufi .post-ufi-button.style-button:hover {
    background: var(--color-bg-secondary-themed)
}

.post-ufi .post-ufi-button.style-button.no-label {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.post-ufi .post-ufi-button.style-button.no-label .icon {
    flex-shrink: 0
}

.post-ufi .post-ufi-button.style-button.no-icon {
    padding: 0 var(--size-16)
}

.post-ufi .post-ufi-button.style-button.verbose-label {
    gap: var(--size-8)
}

.post-ufi .post-ufi-button.style-button.verbose-label .label {
    font-weight: var(--font-weight-medium);
    font-family: var(--font-family-meta);
    text-transform: uppercase;
    font-size: var(--font-size-12)
}

.post-ufi .post-ufi-button.style-compressed {
    height: var(--size-24);
    gap: var(--size-4);
    border-radius: var(--border-radius-xs);
    box-sizing: border-box;
    padding: var(--size-4) var(--size-6)
}

.post-ufi .post-ufi-button.style-compressed.edit-button-container,
.post-ufi .post-ufi-button.style-compressed.like-button-container {
    padding: 0
}

.post-ufi .post-ufi-button.style-compressed .label {
    color: var(--color-fg-secondary);
    font-family: var(--font-family-meta);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-meta);
    text-transform: uppercase
}

.post-ufi .post-ufi-button.style-compressed .lucide {
    stroke-width: 2px
}

.post-ufi .post-ufi-button.style-compressed:hover {
    background: var(--color-bg-secondary)
}

.post-ufi .post-ufi-button.style-compressed:hover.state-liked {
    background: var(--color-accent-bg-red)
}

.post-ufi .post-ufi-button.style-tabs {
    border: 0;
    border-radius: var(--size-20);
    height: var(--size-40);
    justify-content: center;
    padding: 0 8px;
    flex: 1 0 1px
}

.post-ufi .post-ufi-button.style-tabs .icon {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-ufi .post-ufi-button.style-tabs:active {
    background-color: var(--background_contrast_1)
}

.post-ufi .post-ufi-button.style-tabs .label {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .49px
}

.post-ufi .post-ufi-button.style-large-on-dark {
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
    align-items: center
}

.post-ufi .post-ufi-button.style-large-on-dark:not(.state-liked, .state-saved, .state-restacked) .icon {
    stroke: #fff !important
}

.post-ufi .post-ufi-button.style-large-on-dark .label {
    font-size: var(--font-size-14);
    line-height: var(--line-height-20)
}

.post-ufi .post-ufi-button.style-large-on-dark:not(.state-liked, .state-saved, .state-restacked) .label {
    color: #fff !important
}

.post-ufi .post-ufi-button.style-large-on-dark.state-disabled {
    opacity: .4
}

.post-ufi .post-ufi-button.state-liked.style-button {
    background: var(--color-accent-bg-red);
    border: 1px solid var(--color-accent-bg-red)
}

.post-ufi .post-ufi-button.state-liked.style-button.like-button-container {
    border: 0
}

.post-ufi .post-ufi-button.state-liked .icon {
    fill: var(--color-accent-fg-red);
    stroke: var(--color-accent-fg-red)
}

.post-ufi .post-ufi-button.state-liked .label {
    color: var(--color-accent-fg-red)
}

.post-ufi .post-ufi-button.state-liked:hover.style-button {
    background: var(--color-accent-bg-red)
}

.post-ufi .post-ufi-button.state-saved.style-button {
    background: var(--color-accent-bg-orange);
    border: 1px solid var(--color-accent-bg-orange)
}

.post-ufi .post-ufi-button.state-saved .icon {
    fill: var(--color-accent-fg-orange);
    stroke: var(--color-accent-fg-orange)
}

.post-ufi .post-ufi-button.state-saved .label {
    color: var(--color-accent-fg-orange)
}

.post-ufi .post-ufi-button.state-saved:hover.style-button {
    background: var(--color-accent-bg-orange)
}

.post-ufi .post-ufi-button.state-restacked.style-button {
    background: var(--color-accent-bg-green);
    border: 1px solid var(--color-accent-bg-green)
}

.post-ufi .post-ufi-button.state-restacked .icon {
    stroke: var(--color-accent-fg-green)
}

.post-ufi .post-ufi-button.state-restacked .label {
    color: var(--color-accent-fg-green)
}

.post-ufi .post-ufi-button.state-restacked:hover.style-button {
    background: var(--color-accent-bg-green)
}

.post-ufi .post-ufi-button.state-disabled {
    background: 0 0;
    cursor: default;
    pointer-events: none
}

.post-ufi .post-ufi-button.state-disabled:not(.state-liked, .state-saved, .state-restacked) .icon {
    fill: none;
    stroke: var(--color-fg-tertiary)
}

.post-ufi .post-ufi-button.state-disabled:active {
    background: 0 0
}

.post-ufi.justified {
    justify-content: space-between;
    width: 100%
}

.post-ufi .edit-button-container,
.post-ufi .like-button-container {
    position: relative
}

.post-ufi .edit-button-container .post-ufi-button {
    border-color: transparent
}

.post-ufi .edit-button-container .post-ufi-edit-menu.tooltip {
    left: 50%
}

.post-ufi.style-tabs .like-button-container .subscribe-prompt-dropdown {
    bottom: 66px;
    top: auto
}

.post-ufi .like-button-container .subscribe-prompt-dropdown {
    left: 160px;
    box-sizing: content-box;
    max-width: 320px
}

.post-ufi .like-button-container .subscribe-prompt-dropdown.free {
    max-width: 332px;
    left: 166px
}

.post-ufi .like-button-container .subscribe-prompt-dropdown.free .dropdown-menu-wrapper {
    width: 332px
}

.post-ufi .like-button-container .subscribe-prompt-dropdown.free .dropdown-menu-wrapper input {
    padding: 8px 12px;
    font-weight: var(--font-weight-regular);
    font-size: 16px;
    line-height: 24px;
    color: var(--color-light-tertiary);
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    width: 100%;
    box-sizing: border-box
}

.post-ufi .like-button-container .subscribe-prompt-dropdown .dropdown-menu-wrapper {
    padding: 20px;
    width: 320px
}

.post-ufi.themed .post-ufi-button:not(.state-liked, .state-saved, .state-restacked) .icon {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-ufi.themed .post-ufi-button:not(.state-liked, .state-saved, .state-restacked) .label {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-ufi.themed .post-ufi-button:not(.state-liked, .state-saved, .state-restacked).style-tabs .icon {
    stroke: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-ufi.themed .post-ufi-button:not(.state-liked, .state-saved, .state-restacked).style-tabs .label {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.post-ufi.themed .post-ufi-button:not(.state-liked, .state-saved, .state-restacked).state-disabled .icon {
    fill: none;
    stroke: var(--color-fg-tertiary)
}

.post-ufi.themed .post-ufi-button.style-compressed:hover {
    background: var(--background_contrast_1);
    border-color: var(--background_contrast_2)
}

.mobile-footer-ufi {
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--color-bg-primary-themed);
    border-top: var(--border-default-themed);
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    transition: all var(--animation-smoothing) var(--animation-timing-fast)
}

.mobile-footer-ufi.hidden {
    transform: translateY(100%)
}

@media print {
    .mobile-footer-ufi {
        display: none
    }
}

.post-subheader,
.ufi-preamble {
    align-items: center;
    display: flex
}

.ufi-preamble {
    gap: var(--size-12);
    padding-right: var(--size-4)
}

.ufi-preamble .ufi-preamble-label,
.ufi-preamble .ufi-preamble-label .profile-hover-card-target>a,
.ufi-preamble .ufi-preamble-label>a {
    color: var(--color-fg-secondary);
    font-family: var(--font-family-meta);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-20);
    letter-spacing: var(--letter-spacing-meta);
    text-transform: uppercase;
    display: inline-block
}

.ufi-preamble .ufi-preamble-label .profile-hover-card-target>a.cross-posted-pub-name,
.ufi-preamble .ufi-preamble-label.cross-posted-pub-name,
.ufi-preamble .ufi-preamble-label>a.cross-posted-pub-name {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.post-subheader .left .label-stack .bylines .byline-profile-link,
.ufi-preamble .ufi-preamble-label .profile-hover-card-target>a,
.ufi-preamble .ufi-preamble-label>a {
    text-decoration: none
}

.post-subheader .left .label-stack .bylines .byline-profile-link:hover,
.post-subheader .left .label-stack .guest-author-publication a:hover,
.ufi-preamble .ufi-preamble-label .profile-hover-card-target>a:hover,
.ufi-preamble .ufi-preamble-label>a:hover {
    text-decoration: underline
}

.ufi-preamble .post-ufi-preamble-icon,
.ufi-preamble .post-ufi-preamble-icon.lock-icon path {
    stroke: var(--color-fg-secondary)
}

.ufi-preamble .post-ufi-preamble-icon.lock-icon rect {
    fill: var(--color-fg-secondary);
    stroke: none
}

.ufi-preamble.themed .ufi-preamble-label,
.ufi-preamble.themed .ufi-preamble-label .profile-hover-card-target>a {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-subheader .left .label-stack .publish-context .audience-icon.audience-lock-icon path.lock-shackle,
.ufi-preamble.themed .post-ufi-preamble-icon,
.ufi-preamble.themed .post-ufi-preamble-icon.lock-icon path {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-subheader {
    justify-content: space-between;
    padding: 24px 0
}

.post-subheader .left {
    align-items: center;
    display: flex;
    gap: var(--size-8)
}

.post-subheader .left.vertical {
    align-items: start;
    flex-direction: column
}

.post-subheader .left.vertical .bylines-facepile {
    margin-bottom: 12px
}

.post-subheader .left .label-stack {
    font-family: var(--font-family-text);
    font-size: 14px;
    letter-spacing: -.15px
}

.post-subheader .left .label-stack .bylines {
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    font-weight: var(--font-weight-semibold);
    line-height: 20px
}

.post-subheader .left .label-stack .guest-author-publication,
.post-subheader .left .label-stack .guest-author-publication a,
.post-subheader .left .label-stack .publish-context {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.post-subheader .left .label-stack .guest-author-publication a {
    text-decoration: none
}

.post-subheader .left .label-stack .publish-context {
    font-weight: var(--font-weight-regular);
    line-height: 19px
}

.post-subheader .left .label-stack .publish-context .audience-icon {
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-bottom
}

.post-subheader .left .label-stack .publish-context .audience-icon.adhoc-email-icon path {
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    stroke: none
}

.post-subheader .left .label-stack .publish-context .audience-icon.audience-lock-icon path.lock-shackle {
    fill: transparent
}

.post-subheader .left .label-stack .publish-context .audience-icon.audience-lock-icon path.lock-body {
    stroke: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    fill: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

.loading-container {
    height: 100%;
    width: 100%;
    background-color: #111;
    position: absolute
}

.audio-player-wrapper .audio-player {
    position: relative;
    padding: 0;
    background-color: #fff;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 0;
    cursor: default
}

@media screen and (min-width:541px) {
    .audio-player-wrapper .audio-player {
        min-width: 500px
    }
}

.audio-player-wrapper .audio-player .audio-player-buttons {
    height: 48px;
    border-top: 41px solid transparent;
    border-bottom: 21px solid transparent
}

.audio-player-wrapper .audio-player .audio-player-buttons a.button:focus:active>img,
.audio-player-wrapper .audio-player .audio-player-buttons a.button:hover:active {
    opacity: .7
}

.audio-player-wrapper .audio-player .audio-player-buttons table {
    margin: 0;
    height: 48px;
    width: 100%;
    border-spacing: 0
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td {
    padding: 0;
    height: 48px;
    vertical-align: middle
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td a {
    -webkit-tap-highlight-color: transparent
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-backward,
.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-forward {
    width: 30px
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-backward img,
.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-forward img {
    height: 30px;
    width: 30px
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-play {
    position: relative;
    width: 120px;
    text-align: center;
    overflow: hidden
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-play img {
    height: 48px;
    width: 48px
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-play a.button {
    padding: 10px 20px;
    height: 58px
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-play::after {
    position: absolute;
    left: -112px;
    top: 0;
    height: 48px;
    width: 112px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 28.57142857%, rgba(255, 255, 255, .4) 71.42857143%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 28.57142857%, rgba(255, 255, 255, .4) 71.42857143%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 28.57142857%, rgba(255, 255, 255, .4) 71.42857143%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 28.57142857%, rgba(255, 255, 255, .4) 71.42857143%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 28.57142857%, rgba(255, 255, 255, .4) 71.42857143%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    animation: waitingAnimation 2s infinite linear;
    animation-play-state: paused;
    transition: opacity 250ms linear;
    pointer-events: none;
    content: ''
}

.audio-player-wrapper .audio-player .audio-player-buttons table tr td.audio-player-play.pause.waiting::after {
    opacity: 1;
    animation-play-state: running
}

.audio-player-wrapper .audio-player .audio-player-buttons .audio-player-playback-rate {
    position: absolute;
    top: 8px;
    right: 16px;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: 0;
    color: #939393;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.audio-player-wrapper .audio-player .audio-player-progress {
    position: relative;
    height: 24px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 22px solid transparent;
    font-family: var(--font_family_ui, var(--font-family-text))
}

@media screen and (max-width:650px) {
    .audio-player-wrapper .audio-player .audio-player-progress {
        border-left-width: 16px;
        border-right-width: 16px
    }
}

.audio-player-wrapper .audio-player .audio-player-progress table {
    margin: 0;
    height: 24px
}

.audio-player-wrapper .audio-player .audio-player-progress table tr td {
    height: 18px;
    vertical-align: middle
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar {
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 9px;
    height: 3px
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled {
    transition: all 250ms linear
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    width: 100%;
    background: #dad7d7;
    border-radius: var(--border-radius-full)
}

.email-body-container .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    position: relative;
    margin-top: 0
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled {
    width: 0;
    background: var(--background_pop);
    border-radius: var(--border-radius-full)
}

.email-body-container .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button,
.email-body-container .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.email-body-container .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled {
    display: none
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current {
    margin-left: -1.5px;
    width: 3px;
    background: #fff
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button {
    position: absolute;
    margin-left: -9px;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background: var(--background_pop);
    border: 2px solid #fff;
    border-radius: var(--border-radius-md)
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
    position: absolute;
    top: -46px;
    left: 0;
    margin-left: -29px;
    height: 31px;
    width: 60px;
    background: var(--background_pop);
    border-radius: var(--border-radius-sm);
    color: var(--print_on_pop);
    font-size: 16px;
    line-height: 31px;
    text-align: center
}

@media screen and (max-width:650px) {
    .audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
        top: -54px
    }
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup::after {
    display: block;
    position: absolute;
    top: 31px;
    left: 20px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: var(--background_pop) transparent transparent transparent;
    border-width: 10px 10px 0;
    content: ''
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-button,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-filled {
    transition: none
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-button {
    box-shadow: inset 0 32px 0 rgba(255, 255, 255, .1);
    transform: scale(1.2)
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-left,
.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-past {
    min-width: 40px;
    color: #939393;
    font-family: Helvetica, monospace;
    font-size: 14px;
    line-height: 18px
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-past {
    padding-right: 10px;
    text-align: right
}

.audio-player-wrapper .audio-player .audio-player-progress .audio-player-progress-left {
    padding-left: 10px;
    text-align: left
}

.audio-player-wrapper .audio-player-add-to-podcast-link {
    text-align: right
}

.audio-player-wrapper .audio-player-add-to-podcast-link a,
.audio-player-wrapper-fancy .audio-player-add-to-podcast-link a {
    color: var(--print_secondary, var(--color-fg-secondary));
    font-size: 14px;
    font-family: var(--font_family_ui, var(--font-family-text))
}

.audio-player-wrapper-fancy,
.video-player-embed-container {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.audio-player-wrapper-fancy {
    background-color: #111;
    font-family: var(--font-family-text)
}

.audio-player-wrapper-fancy .audio-player-clickable,
.reader-onboarding-modal-container a,
.video-player-wrapper a.video-player {
    cursor: pointer
}

.audio-player-wrapper-fancy .audio-player {
    display: flex;
    box-sizing: border-box;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    cursor: default;
    width: 100%;
    max-width: 900px
}

.audio-player-wrapper-fancy .audio-player .btn-group {
    display: none;
    gap: 16px;
    width: 100%;
    margin-top: 24px
}

.audio-player-wrapper-fancy .audio-player .btn-group .button {
    display: none;
    width: 100%
}

.audio-player-wrapper-fancy .audio-player .audio-player-subtitle,
.audio-player-wrapper-fancy .audio-player .audio-player-title {
    line-height: 20px;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box
}

.audio-player-wrapper-fancy .audio-player .audio-player-title {
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.audio-player-wrapper-fancy .audio-player .audio-player-subtitle {
    color: #666;
    font-weight: 400;
    font-size: 14px
}

.audio-player-wrapper-fancy .audio-player .audio-player-hero-image-container {
    position: relative;
    display: none
}

.audio-player-wrapper-fancy .audio-player .audio-player-hero-image {
    width: 100%;
    border-radius: var(--border-radius-md);
    top: 0;
    position: absolute
}

.audio-player-wrapper-fancy .audio-player .audio-player-substack-logo {
    height: 21px;
    opacity: 20%;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 19px;
    display: none
}

.audio-player-wrapper-fancy .audio-player .audio-player-substack-logo svg {
    height: 100%;
    width: 100%
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons {
    flex-shrink: 0;
    width: 184px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons button {
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    border-radius: var(--border-radius-lg);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-play {
    position: relative;
    background: #fff;
    cursor: pointer
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-play .playback-icon {
    position: relative
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-play .play {
    left: 1px
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-backward,
.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-forward {
    background: rgba(255, 255, 255, .2);
    cursor: pointer
}

.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-backward .skip-icon,
.audio-player-wrapper-fancy .audio-player .audio-player-buttons .audio-player-forward .skip-icon {
    position: absolute;
    left: 21%;
    top: 19%;
    width: 60%;
    height: 60%
}

.audio-player-wrapper-fancy .audio-player .audio-player-time-wrapper {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    justify-content: space-between;
    margin-top: 6px
}

.audio-player-wrapper-fancy .audio-player .audio-player-time-wrapper .audio-player-progress-left,
.audio-player-wrapper-fancy .audio-player .audio-player-time-wrapper .audio-player-progress-past {
    flex-grow: 1;
    min-width: 40px;
    font-size: 14px;
    line-height: 21px
}

.audio-player-wrapper-fancy .audio-player .audio-player-time-wrapper .audio-player-progress-past {
    color: #fff;
    text-align: left
}

.audio-player-wrapper-fancy .audio-player .audio-player-time-wrapper .audio-player-progress-left {
    color: #666;
    text-align: right
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress {
    min-width: 100%;
    margin-top: 16px;
    position: relative;
    height: 32px;
    margin-bottom: 6px;
    font-family: var(--font_family_ui, var(--font-family-text))
}

@media screen and (max-width:650px) {
    .audio-player-wrapper-fancy .audio-player .audio-player-progress {
        border-left-width: 16px;
        border-right-width: 16px
    }
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar {
    position: relative;
    height: 32px;
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    position: absolute;
    top: 0;
    left: 0
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current-placeholder,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled {
    transition: all 250ms linear
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current-disable-animations,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current-dragging {
    transition: none
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    width: 100%;
    background: #fff;
    opacity: .15;
    border-radius: var(--border-radius-sm);
    height: 32px
}

.email-body-container .audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-track {
    position: relative;
    margin-top: 0
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled {
    width: 0;
    background: #fff;
    opacity: .25;
    border-radius: var(--border-radius-sm);
    height: 32px
}

.email-body-container .audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button,
.email-body-container .audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current,
.email-body-container .audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-filled,
.poll-embed .poll-anchor-target .poll-anchor-copy-button a {
    display: none
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current {
    margin-left: -1.5px;
    width: 4px;
    height: 32px;
    background: #fff;
    border-radius: var(--border-radius-sm)
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-current-placeholder {
    background: rgba(255, 255, 255, .5)
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-button {
    position: absolute;
    margin-left: -9px;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background: var(--background_pop);
    border: 2px solid #fff;
    border-radius: var(--border-radius-md)
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
    position: absolute;
    top: -46px;
    left: 0;
    margin-left: -29px;
    height: 31px;
    width: 60px;
    background: #fff;
    border-radius: var(--border-radius-sm);
    color: #111;
    font-size: 16px;
    line-height: 31px;
    text-align: center
}

@media screen and (max-width:650px) {
    .audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup {
        top: -54px
    }
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar .audio-player-progress-bar-popup::after {
    display: block;
    position: absolute;
    top: 31px;
    left: 20px;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    border-width: 10px 10px 0;
    content: ''
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-button,
.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-filled {
    transition: none
}

.audio-player-wrapper-fancy .audio-player .audio-player-progress .audio-player-progress-bar:active .audio-player-progress-bar-button {
    box-shadow: inset 0 32px 0 rgba(255, 255, 255, .1);
    transform: scale(1.2)
}

@media (min-width:250px) {
    .audio-player-wrapper-fancy .audio-player {
        padding: 32px
    }

    .audio-player-wrapper-fancy .audio-player .btn-group {
        display: flex
    }

    .audio-player-wrapper-fancy .audio-player .btn-group .button:last-of-type {
        display: block
    }
}

@media (min-width:300px) {
    .audio-player-wrapper-fancy .audio-player .btn-group {
        display: block
    }

    .audio-player-wrapper-fancy .audio-player .btn-group .button:first-of-type {
        display: block
    }
}

@media (min-width:350px) {
    .audio-player-wrapper-fancy .audio-player .audio-player-title {
        margin-top: 16px
    }

    .audio-player-wrapper-fancy .audio-player .btn-group .button:first-of-type {
        display: block
    }

    .audio-player-wrapper-fancy .audio-player .audio-player-substack-logo {
        display: block
    }

    .audio-player-wrapper-fancy .audio-player .audio-player-hero-image-container {
        padding-top: 25%;
        width: 25%;
        display: block
    }

    .audio-player-wrapper-fancy .audio-player .btn-group {
        display: flex
    }
}

@media (min-width:400px) {
    .audio-player-wrapper-fancy .audio-player .audio-player-hero-image-container {
        padding-top: 40%;
        width: 40%
    }
}

@media (max-width:400px) {
    .audio-player-wrapper-fancy .audio-player .btn-group {
        margin-top: 12px
    }

    .audio-player-wrapper-fancy .audio-player .btn-group .button {
        font-size: 13px;
        padding: 6px 12px;
        height: auto;
        margin-top: 10px
    }
}

@media (min-width:600px) {
    .audio-player-wrapper-fancy .audio-player .audio-player-hero-image-container {
        padding-top: 55%;
        width: 55%
    }
}

.audio-player-wrapper-fancy .audio-player-add-to-podcast-link {
    text-align: right
}

.video-player-embed-container {
    background-color: #000
}

.video-player-wrapper {
    flex-grow: 1
}

.video-player-wrapper.video-player-wrapper-clip {
    position: relative;
    z-index: 1
}

.video-player-wrapper .video-player-with-background,
.video-player-wrapper .video-player.video-player-with-background {
    background-color: var(--color-utility-black)
}

.video-player-wrapper .video-player {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    cursor: default
}

.video-player-wrapper .video-player video {
    position: absolute;
    width: 100%;
    height: 100%
}

.video-player-wrapper .video-player img.video-player-preview {
    position: absolute;
    width: 100%;
    max-height: 100%;
    background: #000;
    cursor: pointer
}

.video-player-wrapper .video-player,
.video-player-wrapper .video-player.video-player-clip {
    border-radius: var(--border-radius-sm)
}

.video-player-wrapper .video-player.video-player-clip video {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.video-player-wrapper .video-player-button {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.video-player-wrapper .video-player-button a {
    float: none
}

.video-player-wrapper .video-player-button a button {
    color: var(--print_on_pop);
    background-color: var(--background_pop);
    height: auto
}

.video-player-wrapper .video-player-button a button svg {
    margin: 0 0 -2px -4px;
    padding-left: 4px;
    height: 16px;
    width: auto;
    fill: var(--print_on_pop);
    stroke: var(--print_on_pop)
}

.video-player-wrapper .video-player-button a button.loading::after {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -1px;
    height: 14px;
    width: 2px;
    background: var(--print_on_pop);
    border-radius: var(--border-radius-xs);
    animation: rotate .75s infinite ease;
    content: ''
}

.video-player-wrapper .video-player-button.no-text {
    margin-top: -38px
}

.video-player-wrapper .video-player-button.no-text a button {
    padding: 23px 14px 17px 22px;
    border-radius: var(--border-radius-full)
}

.video-player-wrapper .video-player-button.no-text a button svg {
    height: 32px;
    margin: 0;
    padding-left: 6px
}

.video-player-wrapper .video-player-button.video-player-button-small.no-text {
    margin-top: -24px
}

.video-player-wrapper .video-player-button.video-player-button-small.no-text a button {
    padding: 15px 7px 7px 11px
}

.video-player-wrapper .video-player-button.video-player-button-small.no-text a button svg {
    height: 16px
}

.video-player-wrapper.with-preview:hover .video-player-button button {
    box-shadow: inset 0 0 0 38px var(--background_subtle)
}

.video-player-wrapper.with-preview:hover:active .video-player-button button {
    opacity: .7
}

.video-player-wrapper.is-static {
    margin-top: var(--size-24)
}

.video-player-wrapper.is-static .video-player {
    padding-bottom: 0 !important;
    height: auto;
    border-radius: var(--border-radius-sm)
}

.video-player-wrapper .video-player-button a button,
.video-player-wrapper.is-static .video-player img.video-player-preview {
    position: relative;
    border-radius: var(--border-radius-sm)
}

.more-loader {
    margin-top: 20px;
    height: 24px;
    width: 1px;
    background: var(--color-fg-primary);
    animation: rotate .75s infinite ease
}

.poll-editor-modal {
    margin: 74px auto 0;
    min-width: 600px;
    padding: 0;
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-bold)
}

@media (max-width:650px) {
    .poll-editor-modal {
        min-width: calc(100% - 20px)
    }
}

.poll-editor-modal .poll-editor-section {
    border-bottom: var(--border-default)
}

.poll-editor-modal .poll-question-editor {
    width: 100%;
    display: block;
    border: 0;
    color: var(--color-fg-primary);
    font-family: var(--font-family-title);
    font-size: var(--font-size-20);
    line-height: var(--line-height-32);
    font-weight: var(--font-weight-heavy);
    padding: var(--size-20);
    box-sizing: border-box;
    background: 0 0
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor input::placeholder,
.poll-editor-modal .poll-question-editor::placeholder {
    color: var(--color-fg-tertiary)
}

.poll-editor-modal .poll-editor-section.options-section,
.poll-embed .poll-anchor-target .poll-anchor-copy-button:hover a {
    display: flex
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor {
    display: flex;
    flex-direction: column;
    gap: var(--size-12);
    padding: var(--size-20);
    flex: 1
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor {
    display: flex;
    flex-direction: row;
    gap: var(--size-8);
    align-items: center
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor input {
    flex-grow: 1;
    padding: var(--size-12);
    color: var(--color-fg-primary);
    box-sizing: border-box;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-primary);
    font-size: var(--font-size-16);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-regular)
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor .poll-remove-option {
    border: 0;
    background-color: var(--color-bg-primary);
    width: var(--size-24);
    height: var(--size-24)
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor .poll-remove-option svg {
    stroke-width: 1.5px;
    stroke: var(--color-fg-secondary);
    cursor: pointer;
    box-sizing: border-box
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor .poll-remove-option:focus:not(.is-hidden) svg {
    border: var(--border-default);
    cursor: pointer
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor .poll-remove-option.is-hidden {
    cursor: default
}

.poll-editor-modal .poll-editor-section.options-section .poll-options-editor .poll-option-editor .poll-remove-option.is-hidden svg {
    stroke-width: 0;
    stroke: none;
    cursor: default
}

.poll-editor-modal .poll-editor-section.audience-section,
.poll-editor-modal .poll-editor-section.length-section {
    padding: var(--size-20);
    display: flex;
    flex-direction: column;
    gap: var(--size-8)
}

.poll-editor-modal .poll-editor-section.action-section {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    padding: var(--size-20)
}

.poll-editor-modal .poll-editor-section.action-section .edit-warning {
    padding-bottom: var(--size-16);
    color: var(--color-semantic-error-bg-primary)
}

.poll-editor-modal .poll-editor-section.action-section .action-buttons {
    display: flex;
    gap: var(--size-12);
    flex-direction: row;
    justify-content: flex-end
}

.poll-editor-modal .poll-editor-section.vote-visibility-section {
    padding: var(--size-20);
    display: flex;
    flex-direction: row-reverse
}

.poll-embed .poll-anchor-target {
    position: absolute;
    left: -56px;
    top: -93px
}

.poll-embed .poll-anchor-target .poll-anchor-copy-button {
    position: absolute;
    left: -36px;
    top: 75px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 14px;
    border-radius: var(--border-radius-lg)
}

.poll-embed .poll-anchor-target .poll-anchor-copy-button:hover {
    background-color: var(--color-bg-primary-themed);
    border: var(--border-default-themed)
}

@media (max-width:750px) {
    .poll-embed .poll-anchor-target .poll-anchor-copy-button {
        left: 8px;
        top: 45px
    }
}

.poll-embed .poll-wrapper.poll-web {
    background-color: var(--color-bg-elevated-themed);
    border: var(--border-default-themed);
    padding: 24px;
    border-radius: var(--border-radius-md);
    font-family: 'SF Pro Display', var(--font-family-text);
    margin: 32px auto;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    position: relative
}

.poll-embed .poll-wrapper.poll-web .poll-title {
    flex-grow: 1;
    color: var(--color-secondary-themed)
}

.poll-embed .poll-wrapper.poll-web .poll-edit>svg,
.poll-embed .poll-wrapper.poll-web .poll-title svg {
    stroke-width: 1.5px;
    stroke: var(--color-secondary-themed)
}

.poll-embed .poll-wrapper.poll-web .poll-title .subscriber-only-poll {
    display: inline-block;
    position: relative;
    top: -3px;
    left: 3px
}

.poll-embed .poll-wrapper.poll-web .poll-edit {
    flex-grow: 0;
    cursor: pointer;
    position: absolute;
    right: var(--size-8);
    top: var(--size-8);
    width: var(--size-40);
    height: var(--size-40);
    border-radius: var(--border-radius-md);
    border: var(--border-default-themed);
    background-color: var(--color-bg-secondary-themed);
    display: none
}

.poll-embed .poll-wrapper.poll-web .poll-edit>svg {
    width: var(--size-20);
    height: var(--size-20)
}

.poll-embed .poll-wrapper.poll-web .poll-error {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    font-family: 'SF Compact Rounded', var(--font-family-title);
    color: var(--color-semantic-error-bg-primary);
    line-height: 20px;
    display: flex;
    justify-content: center
}

.poll-embed .poll-wrapper.poll-web:hover .poll-edit {
    display: block
}

.poll-embed .poll-wrapper.poll-web .poll-question {
    color: var(--color-primary-themed);
    font-family: var(--font-family-title);
    font-size: var(--font-size-20);
    line-height: var(--line-height-24);
    font-weight: var(--font-weight-heavy);
    margin: 0
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option {
    position: relative;
    line-height: 21px;
    font-weight: var(--font-weight-semibold);
    font-size: 14px;
    min-height: 41px;
    box-sizing: border-box;
    color: var(--color-secondary-themed);
    background-color: var(--color-bg-elevated-themed);
    border: var(--border-default-themed);
    border-radius: var(--border-radius-sm)
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.hide-votes {
    padding: 9px 24px 9px 12px;
    text-align: center
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.hide-votes .poll-vote-background {
    display: none
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.can-vote.hide-votes {
    background-color: var(--color-bg-elevated-hover-themed);
    cursor: pointer
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.can-vote.hide-votes:hover {
    background-color: var(--color-bg-tertiary-themed);
    cursor: pointer
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.my-vote .poll-option-text,
.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.my-vote .poll-percentage-text {
    color: var(--color-primary-themed)
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes {
    padding: 0;
    text-align: left
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes .poll-vote-background {
    height: calc(100% + 2px);
    min-height: 40px;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    min-width: 8px;
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-tertiary-themed)
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes .poll-option-background {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 24px 9px 12px;
    position: absolute;
    top: -1px;
    left: 0
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes .vote-icon {
    stroke: var(--color-primary-themed);
    height: 20px;
    width: 20px;
    margin-left: 8px;
    fill: none
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes .poll-option-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    max-width: calc(100% - 20px);
    align-items: center
}

.poll-embed .poll-wrapper.poll-web .poll-options .poll-option.show-votes .poll-percentage-text {
    position: absolute;
    right: 0;
    padding: 8px 12px 4px 0
}

.poll-embed .poll-wrapper.poll-web .poll-status {
    color: var(--color-secondary-themed)
}

.poll-embed .poll-wrapper.poll-web .poll-author-visibility-toggle:hover {
    text-decoration: underline;
    cursor: pointer
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .modal-table .modal-row .modal-content>.container {
    box-sizing: border-box
}

@media screen and (min-width:541px) {
    .poll-embed .poll-wrapper.poll-web .poll-dialog .modal-table .modal-row .modal-content>.container {
        width: 552px;
        padding: 26px 24px
    }
}

@media screen and (max-width:650px) {
    .poll-embed .poll-wrapper.poll-web .poll-dialog .modal-table .modal-row .modal-content>.container {
        padding: 40px 0
    }
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .modal-row .modal-cell .modal-exit-btn {
    margin: 0
}

@media screen and (max-width:650px) {
    .poll-embed .poll-wrapper.poll-web .poll-dialog .modal-row .modal-cell .modal-exit-btn {
        margin-right: -20px
    }
}

.poll-embed .poll-wrapper.poll-web .poll-dialog form {
    margin-top: 36px;
    position: relative
}

.poll-embed .poll-wrapper.poll-web .poll-dialog form .error {
    position: static;
    margin: 0
}

.poll-embed .poll-wrapper.poll-web .poll-dialog form input {
    height: 44px;
    border: var(--border-default-themed);
    border-radius: var(--border-radius-sm)
}

.poll-embed .poll-wrapper.poll-web .poll-dialog form button[type=submit] {
    width: 100%;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-top: 12px
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .poll-signup-title {
    font-weight: var(--font-weight-bold);
    font-family: 'SF Pro Display', var(--font-family-text);
    font-size: 24px;
    line-height: 30px;
    letter-spacing: .36px;
    color: var(--color-fg-primary)
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .poll-signup-audience {
    font-weight: var(--font-weight-regular);
    font-family: 'SF Pro Text', var(--font-family-text);
    font-size: var(--font-size-16);
    line-height: 22px;
    letter-spacing: -.45px;
    color: var(--color-fg-secondary);
    margin-top: 6px
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .poll-signin-prompt {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.15px;
    font-family: 'SF Pro Text', var(--font-family-text);
    margin-top: 22px;
    color: var(--color-fg-secondary);
    text-align: center
}

.poll-embed .poll-wrapper.poll-web .poll-dialog .poll-signin-prompt .poll-signin-link {
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg-secondary);
    text-decoration: none
}

.poll-embed.poll-email {
    margin: var(--size-32) auto;
    max-width: 600px
}

.poll-embed.poll-email .poll-email-wrapper {
    border: var(--border-default);
    border-radius: var(--border-radius-md);
    font-family: var(--font-family-text);
    width: 100%;
    color: var(--color-fg-primary);
    padding: var(--size-16) var(--size-16) var(--size-8)
}

.poll-embed.poll-email .poll-email-wrapper tbody {
    width: 100%;
    display: table
}

.poll-embed.poll-email .poll-email-wrapper .poll-header {
    margin-bottom: var(--size-4);
    font-size: var(--font-size-12);
    line-height: var(--line-height-20);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg-secondary);
    padding: 0
}

.poll-embed.poll-email .poll-email-wrapper .poll-vote-link {
    text-decoration: none;
    color: var(--color-fg-secondary);
    width: 100%;
    height: 100%;
    display: block
}

.poll-embed.poll-email .poll-email-wrapper .poll-vote-link .poll-vote-contents {
    width: 100%;
    height: 100%;
    display: block;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    color: var(--color-fg-primary)
}

.poll-embed.poll-email .poll-email-wrapper .poll-question {
    vertical-align: top;
    font-weight: var(--font-weight-heavy);
    color: var(--color-fg-primary);
    font-size: var(--line-height-20);
    line-height: var(--line-height-32);
    margin-bottom: var(--size-8);
    font-family: var(--font-family-title)
}

.poll-embed.poll-email .poll-email-wrapper .poll-options {
    border-spacing: 0 var(--size-12)
}

.poll-embed.poll-email .poll-email-wrapper .poll-options .poll-option a {
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    background-color: var(--color-bg-secondary);
    text-align: center;
    padding: 10px 0
}

.finish-invite,
.invite-page,
.invite-success {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.home-page .home-sitemap .home-sitemap-signup-form .sideBySideWrap,
.invite-page .form .sideBySideWrap {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:650px) {
    .invite-page .form .sideBySideWrap {
        display: block
    }
}

.invite-page .form .sideBySideWrap input[name=email],
.invite-page .form .sideBySideWrap input[name=name] {
    margin: 0 10px 0 0;
    padding: 10px;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm)
}

@media screen and (max-width:650px) {

    .invite-page .form .sideBySideWrap input[name=email],
    .invite-page .form .sideBySideWrap input[name=name] {
        margin: 0 0 10px
    }
}

.invite-page .form .sideBySideWrap button[type=submit] {
    margin-top: 0
}

.finish-invite {
    margin: 0 auto 72px;
    text-align: center;
    width: 450px
}

@media screen and (max-width:650px) {
    .finish-invite {
        width: 290px
    }
}

.finish-invite h3 {
    font-size: 28px
}

.finish-invite p {
    color: #666;
    font-size: 16px;
    margin-bottom: 0
}

.finish-invite .invite-switch-account {
    color: #666;
    font-size: 14px;
    margin-top: 20px
}

.home-page,
.home-page .home-sitemap .home-sitemap-links a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.home-page {
    font-family: var(--font_family_ui, var(--font-family-text));
    background: var(--web_bg_color, var(--color-bg-primary))
}

.home-page .home-sitemap {
    margin-top: 32px;
    padding-bottom: 32px
}

@media screen and (max-width:650px) {
    .home-page .home-sitemap {
        margin-top: 0;
        margin-bottom: 24px
    }
}

.home-page .home-sitemap.magaziney {
    max-width: min(100%, 1100px);
    margin: 0 auto
}

@media screen and (max-width:650px) {
    .home-page .home-sitemap.magaziney {
        display: none
    }
}

.home-page .home-sitemap .home-sitemap-title {
    height: 48px;
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-bottom: var(--border-default-themed);
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    margin: 24px 0 0
}

.home-page .home-sitemap .home-sitemap-signup-form {
    margin-top: 20px
}

.home-page .home-sitemap .home-sitemap-signup-form .sideBySideWrap input[type=email] {
    padding: 10px;
    max-width: 280px;
    border: 1px solid var(--border_subtle);
    border-right: none;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm)
}

.home-page .home-sitemap .home-sitemap-signup-form .sideBySideWrap .button[type=submit] {
    flex-shrink: 0;
    margin-top: 0;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0
}

.home-page .home-sitemap .home-sitemap-subscribe {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 16px;
    height: auto
}

.home-page .home-sitemap .home-sitemap-links {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.home-page .home-sitemap .home-sitemap-links a {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.home-page .home-sitemap .home-sitemap-links a.subscribe {
    color: var(--print_pop)
}

.home-page .home-sitemap .home-sitemap-links a:hover {
    text-decoration: underline
}

.classic-home-page .post-list {
    padding-bottom: 28px
}

.classic-home-page .post-list .post-list-hidden-posts:first-child,
.classic-home-page .post-list .post-list-hidden-posts>.container .post-header:first-child,
.classic-home-page .post-list .post-list-post:first-child {
    border-top: none
}

.classic-home-page .post-list .post-list-hidden-posts {
    background-color: var(--border_subtle);
    box-shadow: inset 0 -500px 0 rgba(255, 255, 255, .4)
}

.classic-home-page .post-list .post-list-hidden-posts>.container {
    position: relative;
    margin: 0 auto
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header {
    padding: 22px 16px 14px;
    border-top: 1px solid var(--border_subtle)
}

@media screen and (min-width:768px) {
    .classic-home-page .post-list .post-list-hidden-posts>.container .post-header {
        padding-left: 0;
        padding-right: 0
    }
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header.collapsed {
    display: none
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header .post-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header .post-title a {
    text-decoration: none;
    font-family: var(--font_family_headings, var(--font_family_headings_preset, var(--font-family-title)));
    font-weight: var(--font_weight_headings_preset, bold);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header .post-title a svg {
    margin-right: 7px
}

.classic-home-page .post-list .post-list-hidden-posts>.container .post-header .post-meta {
    margin-bottom: 0
}

.classic-home-page .post-list .post-list-hidden-posts>.container .collapse-toggle {
    position: absolute;
    right: 16px;
    margin-top: -11.5px;
    padding: 0 4px;
    background: #fff;
    border: 1px solid var(--border_subtle);
    border-radius: var(--border-radius-sm);
    color: var(--print_secondary, var(--color-fg-secondary));
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 12px;
    line-height: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .classic-home-page .post-list .post-list-hidden-posts>.container .collapse-toggle {
        right: 6px
    }
}

.classic-home-page .post-list .post-list-hidden-posts.showing>.container .post-header.collapsed {
    display: block
}

.classic-home-page .post-list .coming-soon p {
    margin: 128px 0 20px;
    color: #bbb;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.classic-home-page .post-list .post-loader p {
    margin: 40px 0;
    color: #aaa;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 16px;
    text-align: center
}

.classic-home-page .post-list .post-loader p::before {
    display: inline-block;
    margin-right: 12px;
    height: 12px;
    width: 1px;
    background: #aaa;
    animation: rotate .75s infinite ease;
    content: ''
}

.classic-home-page .post-list .archive-link {
    display: block;
    margin-bottom: var(--size-24);
    color: var(--print_secondary, var(--color-fg-secondary));
    font-size: 12px;
    text-align: center
}

.classic-home-page .post-list table.thread-head {
    border: 0;
    padding-top: 32px;
    padding-bottom: 24px
}

.classic-home-page .post-list table.thread-head .post-header {
    margin-bottom: 16px
}

@media screen and (min-width:541px) {
    #substack-home .discover-page .reader-onboarding-modal .modal-content .container {
        width: 552px
    }
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal.wide .modal-content {
        padding: 0
    }
}

.reader-onboarding-modal-container {
    padding: 24px 36px 36px;
    font-family: var(--font_family_ui, var(--font-family-text));
    text-align: center
}

@media screen and (min-width:541px) {

    .reader-onboarding-modal-container .categories-step,
    .reader-onboarding-modal-container .profile-step,
    .reader-onboarding-modal-container .pub-signup-step,
    .reader-onboarding-modal-container .signup-step,
    .reader-onboarding-modal-container .suggestions-step {
        min-height: 600px
    }

    .reader-onboarding-modal-container .error-step,
    .reader-onboarding-modal-container .pub-landing-step,
    .reader-onboarding-modal-container .twitter-step,
    .reader-onboarding-modal-container .welcome-step {
        height: 408px
    }
}

.reader-onboarding-modal-container .categories-step,
.reader-onboarding-modal-container .error-step,
.reader-onboarding-modal-container .profile-step,
.reader-onboarding-modal-container .pub-landing-step,
.reader-onboarding-modal-container .pub-signup-step,
.reader-onboarding-modal-container .suggestions-step,
.reader-onboarding-modal-container .welcome-step {
    padding-top: 12px
}

.reader-onboarding-modal-container .categories-step h1,
.reader-onboarding-modal-container .categories-step h2,
.reader-onboarding-modal-container .categories-step h3,
.reader-onboarding-modal-container .error-step h1,
.reader-onboarding-modal-container .error-step h2,
.reader-onboarding-modal-container .profile-step h1,
.reader-onboarding-modal-container .profile-step h2,
.reader-onboarding-modal-container .pub-landing-step h1,
.reader-onboarding-modal-container .pub-landing-step h2,
.reader-onboarding-modal-container .pub-landing-step h3,
.reader-onboarding-modal-container .pub-signup-step h1,
.reader-onboarding-modal-container .pub-signup-step h2,
.reader-onboarding-modal-container .pub-signup-step h3,
.reader-onboarding-modal-container .signup-step h1,
.reader-onboarding-modal-container .signup-step h2,
.reader-onboarding-modal-container .signup-step h3,
.reader-onboarding-modal-container .suggestions-step h1,
.reader-onboarding-modal-container .suggestions-step h2,
.reader-onboarding-modal-container .suggestions-step h3,
.reader-onboarding-modal-container .twitter-step h1,
.reader-onboarding-modal-container .twitter-step h2,
.reader-onboarding-modal-container .twitter-step h3,
.reader-onboarding-modal-container .welcome-step h1,
.reader-onboarding-modal-container .welcome-step h2 {
    color: var(color-primary);
    font-weight: var(--font-weight-bold)
}

.reader-onboarding-modal-container .profile-step h3 {
    color: var(color-primary)
}

.reader-onboarding-modal-container .categories-step h4,
.reader-onboarding-modal-container .categories-step h5,
.reader-onboarding-modal-container .categories-step h6,
.reader-onboarding-modal-container .error-step h3,
.reader-onboarding-modal-container .error-step h4,
.reader-onboarding-modal-container .error-step h5,
.reader-onboarding-modal-container .error-step h6,
.reader-onboarding-modal-container .profile-step h4,
.reader-onboarding-modal-container .profile-step h5,
.reader-onboarding-modal-container .profile-step h6,
.reader-onboarding-modal-container .pub-landing-step h4,
.reader-onboarding-modal-container .pub-landing-step h5,
.reader-onboarding-modal-container .pub-landing-step h6,
.reader-onboarding-modal-container .pub-signup-step h4,
.reader-onboarding-modal-container .pub-signup-step h5,
.reader-onboarding-modal-container .pub-signup-step h6,
.reader-onboarding-modal-container .signup-step h4,
.reader-onboarding-modal-container .signup-step h5,
.reader-onboarding-modal-container .signup-step h6,
.reader-onboarding-modal-container .suggestions-step h4,
.reader-onboarding-modal-container .suggestions-step h5,
.reader-onboarding-modal-container .suggestions-step h6,
.reader-onboarding-modal-container .twitter-step h4,
.reader-onboarding-modal-container .twitter-step h5,
.reader-onboarding-modal-container .twitter-step h6,
.reader-onboarding-modal-container .welcome-step h3,
.reader-onboarding-modal-container .welcome-step h4,
.reader-onboarding-modal-container .welcome-step h5,
.reader-onboarding-modal-container .welcome-step h6 {
    color: var(color-primary);
    font-weight: var(--font-weight-bold)
}

.reader-onboarding-modal-container .categories-step p,
.reader-onboarding-modal-container .error-step p,
.reader-onboarding-modal-container .profile-step p,
.reader-onboarding-modal-container .pub-landing-step p,
.reader-onboarding-modal-container .pub-signup-step p,
.reader-onboarding-modal-container .signup-step p,
.reader-onboarding-modal-container .suggestions-step p,
.reader-onboarding-modal-container .twitter-step p,
.reader-onboarding-modal-container .welcome-step p {
    color: var(--color-fg-secondary);
    margin: 0
}

.reader-onboarding-modal-container .modal-ctas {
    width: 100%
}

.reader-onboarding-modal-container .modal-ctas p {
    color: var(--color-fg-secondary);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px
}

.reader-onboarding-modal-container .modal-ctas p:last-of-type {
    margin-bottom: 0
}

.reader-onboarding-modal-container .modal-ctas button:not(.pencraft) {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 20px;
    width: 100%
}

.reader-onboarding-modal-container .modal-ctas button:not(.pencraft).small {
    border: 0;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
    color: var(--color-fg-secondary)
}

.reader-onboarding-modal-container .modal-ctas button:not(.pencraft).button[type=submit] {
    margin-top: 20px
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .modal-ctas {
        position: fixed;
        bottom: 24px
    }

    .reader-onboarding-modal-container {
        padding-left: 0;
        padding-right: 0;
        height: 90vh
    }
}

.reader-onboarding-modal-container .big-checkbox {
    border-color: var(--color-fg-secondary);
    height: 22px;
    width: 22px
}

.reader-onboarding-modal-container .big-checkbox.checked {
    background-color: var(--color-accent-fg-orange);
    border-color: var(--color-accent-fg-orange)
}

.reader-onboarding-modal-container div.spacer {
    height: 100px
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container div.spacer {
        height: 50px
    }
}

.reader-onboarding-modal-container h3 {
    margin-bottom: 4px
}

.reader-onboarding-modal-container p {
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    line-height: 24px;
    color: var(--color-fg-secondary)
}

.reader-onboarding-modal-container a.small {
    text-decoration: none;
    font-size: 14px;
    color: var(--color-fg-secondary)
}

.reader-onboarding-modal-container button.small {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
    color: var(--color-fg-secondary);
    padding: 12px;
    font-size: 14px
}

.reader-onboarding-modal-container .bulk-action-row button.small {
    padding: 0 6px 0 0;
    display: inline-block
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .bulk-action-row button.small {
        padding: 0
    }
}

.reader-onboarding-modal-container .button {
    height: 48px
}

.reader-onboarding-modal-container .pub-signup-step,
.reader-onboarding-modal-container .signup-step,
.reader-onboarding-modal-container .twitter-step,
.reader-onboarding-modal-container .welcome-step {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.reader-onboarding-modal-container .signup-step h3,
.reader-onboarding-modal-container .twitter-step h3,
.reader-onboarding-modal-container .welcome-step h3 {
    font-size: 24px;
    margin-top: 0
}

.reader-onboarding-modal-container .pub-signup-step form,
.reader-onboarding-modal-container .signup-step form,
.reader-onboarding-modal-container .twitter-step form,
.reader-onboarding-modal-container .welcome-step form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.reader-onboarding-modal-container .pub-signup-step form div.error,
.reader-onboarding-modal-container .signup-step form div.error,
.reader-onboarding-modal-container .twitter-step form div.error,
.reader-onboarding-modal-container .welcome-step form div.error {
    position: static;
    right: none;
    margin-top: 0
}

.reader-onboarding-modal-container .categories-step>button,
.reader-onboarding-modal-container .categories-step>div.bottom>button,
.reader-onboarding-modal-container .profile-step form button[type=submit],
.reader-onboarding-modal-container .pub-signup-step .modal-ctas,
.reader-onboarding-modal-container .pub-signup-step form button[type=submit],
.reader-onboarding-modal-container .signup-step .modal-ctas,
.reader-onboarding-modal-container .signup-step form button[type=submit],
.reader-onboarding-modal-container .suggestions-step>button,
.reader-onboarding-modal-container .suggestions-step>div.bottom>button,
.reader-onboarding-modal-container .twitter-step .modal-ctas,
.reader-onboarding-modal-container .welcome-step .modal-ctas,
.reader-onboarding-modal-container .welcome-step>.modal-ctas>button {
    width: 100%
}

.reader-onboarding-modal-container .pub-signup-step .modal-ctas p,
.reader-onboarding-modal-container .signup-step .modal-ctas p,
.reader-onboarding-modal-container .twitter-step .modal-ctas p,
.reader-onboarding-modal-container .welcome-step .modal-ctas p {
    font-size: 14px
}

.reader-onboarding-modal-container .pub-signup-step .modal-ctas a.small,
.reader-onboarding-modal-container .signup-step .modal-ctas a.small,
.reader-onboarding-modal-container .twitter-step .modal-ctas a.small,
.reader-onboarding-modal-container .welcome-step .modal-ctas a.small {
    cursor: pointer
}

.reader-onboarding-modal-container .pub-signup-step .modal-ctas .twitter-discover,
.reader-onboarding-modal-container .signup-step .modal-ctas .twitter-discover,
.reader-onboarding-modal-container .twitter-step .modal-ctas .twitter-discover,
.reader-onboarding-modal-container .welcome-step .modal-ctas .twitter-discover {
    margin: 10px 0 0;
    width: 100%;
    max-width: none
}

.reader-onboarding-modal-container .pub-signup-step .modal-ctas .twitter-discover span,
.reader-onboarding-modal-container .signup-step .modal-ctas .twitter-discover span,
.reader-onboarding-modal-container .twitter-step .modal-ctas .twitter-discover span,
.reader-onboarding-modal-container .welcome-step .modal-ctas .twitter-discover span {
    color: var(--color-bg-primary)
}

.reader-onboarding-modal-container .profile-step div.profile-updater form p.left a,
.reader-onboarding-modal-container .pub-signup-step .modal-ctas p a,
.reader-onboarding-modal-container .signup-step .modal-ctas p a,
.reader-onboarding-modal-container .twitter-step .modal-ctas p a,
.reader-onboarding-modal-container .welcome-step .modal-ctas p a {
    color: inherit
}

.reader-onboarding-modal-container .twitter-step,
.reader-onboarding-modal-container .welcome-step {
    justify-content: space-between
}

.reader-onboarding-modal-container .twitter-step .icons .twitter,
.reader-onboarding-modal-container .welcome-step .icons .twitter {
    padding-bottom: 12px
}

.reader-onboarding-modal-container .twitter-step .icons .big-arrow,
.reader-onboarding-modal-container .welcome-step .icons .big-arrow {
    margin-left: 20px;
    margin-right: 8px;
    padding-bottom: 18px
}

.reader-onboarding-modal-container .signup-step,
.reader-onboarding-modal-container .twitter-step,
.single-post-container .single-post article.post.video-post {
    padding-top: 0
}

.reader-onboarding-modal-container .pub-signup-step form,
.reader-onboarding-modal-container .signup-step form {
    flex-grow: 2
}

.reader-onboarding-modal-container .categories-step {
    height: 100%
}

.reader-onboarding-modal-container .categories-step div.categories-header {
    margin-bottom: 32px
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .categories-step {
        justify-content: start
    }
}

.reader-onboarding-modal-container .categories-step .categories {
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .categories-step .categories {
        padding: .5rem 0 0
    }
}

.reader-onboarding-modal-container .categories-step .categories .button {
    font-weight: var(--font-weight-regular) !important;
    height: auto;
    margin: 0 8px 8px 0;
    border-style: solid;
    border-radius: var(--border-radius-sm);
    border-width: 1px;
    padding: 7px 16px;
    color: var(--color-fg-secondary);
    background-color: unset;
    border-color: var(--color-utility-detail);
    transition: all .1s ease-in
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .categories-step .categories .button {
        font-size: 16px;
        line-height: 20px
    }
}

.reader-onboarding-modal-container .categories-step .categories .button:active:hover {
    opacity: 1;
    border-color: var(color-primary);
    background: 0 0
}

.reader-onboarding-modal-container .categories-step .categories .button.loading {
    opacity: 1;
    font-weight: var(--font-weight-medium);
    color: var(color-primary);
    border-color: var(color-primary);
    background: 0 0;
    cursor: default
}

.reader-onboarding-modal-container .categories-step .categories .button.active {
    opacity: 1;
    font-weight: var(--font-weight-medium);
    background: 0 0;
    cursor: pointer;
    color: var(--color-accent-fg-orange);
    border-color: var(--color-accent-fg-orange)
}

.reader-onboarding-modal-container .categories-step .categories .button.active:active,
.reader-onboarding-modal-container .categories-step .categories .button.active:active:hover,
.reader-onboarding-modal-container .categories-step .categories .button.loading:active,
.reader-onboarding-modal-container .categories-step .categories .button.loading:active:hover {
    opacity: 1;
    font-weight: var(--font-weight-medium);
    color: var(color-primary);
    border-color: var(color-primary);
    background: 0 0;
    cursor: default
}

.reader-onboarding-modal-container .categories-step .categories .button:hover:active {
    border-color: var(--color-accent-fg-orange);
    font-weight: 400 !important
}

.reader-onboarding-modal-container .categories-step .categories .button.active:hover:active {
    font-weight: 400 !important
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .categories-step .categories .button.active:hover:active {
        font-weight: 400 !important
    }
}

.reader-onboarding-modal-container .categories-step .fadeout-helper {
    height: 1px;
    box-shadow: 0 -20px 25px 20px var(--web_bg_color, var(--color-bg-primary));
    position: relative;
    z-index: 1;
    width: 100%
}

.reader-onboarding-modal-container .categories-step,
.reader-onboarding-modal-container .suggestions-step {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:650px) {

    .reader-onboarding-modal-container .categories-step,
    .reader-onboarding-modal-container .suggestions-step {
        display: block
    }
}

.reader-onboarding-modal-container .categories-step>div.bottom,
.reader-onboarding-modal-container .suggestions-step>div.bottom {
    width: 100%;
    margin-top: 24px
}

.reader-onboarding-modal-container .profile-step .edit-profile-image>.big-circle>button>input[type=file],
.reader-onboarding-modal-container .profile-step.hidden,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image>.big-circle>button>input[type=file],
.reader-onboarding-modal-container .signup-step .edit-profile-image>.big-circle>button>input[type=file] {
    display: none
}

.reader-onboarding-modal-container .profile-step h3 {
    font-weight: var(--font-weight-bold);
    margin: 12px 0 4px
}

.reader-onboarding-modal-container .profile-step div.profile-updater {
    margin: 0;
    width: 100%
}

.reader-onboarding-modal-container .profile-step div.profile-updater form p.left {
    text-align: left;
    margin-top: 12px
}

.reader-onboarding-modal-container .profile-step div.profile-updater form p.skip {
    margin-top: 36px
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .profile-step div.profile-updater form p.skip {
        margin-top: 28px
    }
}

.reader-onboarding-modal-container .profile-step div.profile-updater form .button[type=submit] {
    margin-top: 12px
}

.reader-onboarding-modal-container .profile-step form label,
.reader-onboarding-modal-container .pub-signup-step form label,
.reader-onboarding-modal-container .signup-step form label {
    text-align: left;
    margin-bottom: 8px;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-fg-secondary)
}

.reader-onboarding-modal-container .profile-step form p>input[type=checkbox],
.reader-onboarding-modal-container .pub-signup-step form p>input[type=checkbox],
.reader-onboarding-modal-container .signup-step form p>input[type=checkbox] {
    margin: 0 6px 0 0
}

.reader-onboarding-modal-container .profile-step form p input[type=text],
.reader-onboarding-modal-container .profile-step form p>input[type=email],
.reader-onboarding-modal-container .pub-signup-step form p input[type=text],
.reader-onboarding-modal-container .pub-signup-step form p>input[type=email],
.reader-onboarding-modal-container .signup-step form p input[type=text],
.reader-onboarding-modal-container .signup-step form p>input[type=email] {
    height: 44px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm)
}

.reader-onboarding-modal-container .profile-step form p input[type=text].alternative,
.reader-onboarding-modal-container .profile-step form p>input[type=email].alternative,
.reader-onboarding-modal-container .pub-signup-step form p input[type=text].alternative,
.reader-onboarding-modal-container .pub-signup-step form p>input[type=email].alternative,
.reader-onboarding-modal-container .signup-step form p input[type=text].alternative,
.reader-onboarding-modal-container .signup-step form p>input[type=email].alternative {
    height: 48px;
    background-color: var(--color-bg-secondary);
    border-color: var(--color-utility-detail)
}

.reader-onboarding-modal-container .profile-step form p>textarea,
.reader-onboarding-modal-container .pub-signup-step form p>textarea,
.reader-onboarding-modal-container .signup-step form p>textarea {
    padding: 10px;
    min-height: 61px;
    height: 61px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    resize: vertical
}

.reader-onboarding-modal-container .profile-step .edit-profile-image,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image,
.reader-onboarding-modal-container .signup-step .edit-profile-image {
    text-align: center
}

.reader-onboarding-modal-container .profile-step .edit-profile-image>.big-circle,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image>.big-circle,
.reader-onboarding-modal-container .signup-step .edit-profile-image>.big-circle {
    cursor: default;
    position: relative;
    margin: 0 auto;
    border: 0;
    background-color: var(--color-bg-primary);
    padding: none;
    display: block;
    width: 100px;
    height: 100px
}

.reader-onboarding-modal-container .profile-step .edit-profile-image>.big-circle .profile-img-wrap img,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image>.big-circle .profile-img-wrap img,
.reader-onboarding-modal-container .signup-step .edit-profile-image>.big-circle .profile-img-wrap img {
    width: 100px;
    height: 100px
}

.reader-onboarding-modal-container .profile-step .edit-profile-image>.big-circle .profile-img-wrap svg,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image>.big-circle .profile-img-wrap svg,
.reader-onboarding-modal-container .signup-step .edit-profile-image>.big-circle .profile-img-wrap svg {
    position: static
}

.reader-onboarding-modal-container .profile-step .edit-profile-image>.big-circle>button,
.reader-onboarding-modal-container .pub-signup-step .edit-profile-image>.big-circle>button,
.reader-onboarding-modal-container .signup-step .edit-profile-image>.big-circle>button {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius-lg);
    border: solid 1px var(--color-utility-detail);
    background-color: var(--color-bg-primary);
    position: absolute;
    left: 60px;
    bottom: 0
}

.reader-onboarding-modal-container .pub-landing-step,
.reader-onboarding-modal-container .pub-signup-step {
    position: relative
}

.reader-onboarding-modal-container .pub-landing-step .pub-icon,
.reader-onboarding-modal-container .pub-signup-step .pub-icon {
    margin: auto;
    width: 84px;
    height: 84px
}

.reader-onboarding-modal-container .pub-landing-step .pub-icon.author-photo img,
.reader-onboarding-modal-container .pub-signup-step .pub-icon.author-photo img {
    border-radius: var(--border-radius-full)
}

.reader-onboarding-modal-container .pub-landing-step h3,
.reader-onboarding-modal-container .pub-signup-step h3 {
    margin-top: 24px;
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 26px
}

.reader-onboarding-modal-container .pub-landing-step p,
.reader-onboarding-modal-container .pub-signup-step p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 150%
}

.reader-onboarding-modal-container .pub-landing-step p.publication-description,
.reader-onboarding-modal-container .pub-signup-step p.publication-description {
    font-size: 16px;
    margin-bottom: 12px
}

.reader-onboarding-modal-container .pub-landing-step p.publication-details,
.reader-onboarding-modal-container .pub-signup-step p.publication-details {
    font-size: 14px
}

.reader-onboarding-modal-container .pub-signup-step .form {
    margin-top: 24px
}

.reader-onboarding-modal-container .pub-landing-step form {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.reader-onboarding-modal-container .pub-landing-step .modal-ctas {
    display: flex;
    column-gap: 12px
}

@media screen and (max-width:650px) {
    .reader-onboarding-modal-container .pub-landing-step .modal-ctas {
        position: fixed;
        bottom: 24px
    }
}

.reader-onboarding-modal-container .pub-landing-step .modal-ctas .button {
    flex: 1;
    font-weight: var(--font-weight-medium)
}

.reader-onboarding-modal-container .pub-landing-step .modal-ctas .button[type=submit] {
    margin: 0
}

.reader-onboarding-modal-container .pub-landing-step .modal-ctas .button.let-me-read {
    border: 1px solid var(--color-bg-secondary);
    box-sizing: border-box;
    border-radius: var(--border-radius-sm);
    line-height: 26px
}

.single-post-container {
    background: var(--web_bg_color, var(--color-bg-primary));
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.single-post-container .modal-exit-btn svg {
    height: 20px;
    width: 20px
}

.single-post-container .invisible-on-post-page,
.single-post-container .selection-popover.hidden {
    display: none
}

.single-post-container .single-post article.post.video-post .video-player-wrapper {
    margin: 0 0 1.25em -15px;
    width: 100vw
}

@media screen and (max-width:650px) {
    .single-post-container .single-post article.post.video-post .video-player-wrapper {
        margin-bottom: 1em
    }
}

@media screen and (min-width:768px) {
    .single-post-container .single-post article.post.video-post .video-player-wrapper {
        margin: 2em 0 1.25em;
        width: auto
    }
}

@media screen and (min-width:984px) {
    .single-post-container .single-post article.post.video-post .video-player-wrapper.full-width {
        margin: 2em 0 2em -116px;
        width: 960px
    }
}

.single-post-container .single-post article.post.podcast-post:not(.shows-post) .video-player-wrapper {
    margin: 0 0 1.25em -15px;
    width: 100vw
}

@media screen and (max-width:650px) {
    .single-post-container .single-post article.post.podcast-post:not(.shows-post) .video-player-wrapper {
        margin-bottom: 1em
    }
}

@media screen and (min-width:768px) {
    .single-post-container .single-post article.post.podcast-post:not(.shows-post) .video-player-wrapper {
        margin: 0 0 1.25em;
        width: auto
    }
}

@media screen and (min-width:984px) {
    .single-post-container .single-post article.post.podcast-post:not(.shows-post) .video-player-wrapper.full-width {
        margin: 0 0 2em -50px;
        width: 828px
    }
}

.single-post-container .paywall:not(.modal-paywall)::before {
    display: block;
    position: absolute;
    top: -128px;
    left: 0;
    height: 128px;
    width: 100%;
    background-image: linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    content: '';
    pointer-events: none
}

.single-post-container .page-nav {
    padding-bottom: 36px
}

.signup .form .subtle-help-text::after,
.signup .form .subtle-help-text::before,
.single-post-container .page-nav::after,
.single-post-container .page-nav::before {
    display: block;
    clear: both;
    content: ''
}

.post-page-root-comment-list a.more-replies,
.single-post-container .page-nav a {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-family: var(--font_family_ui, var(--font-family-text));
    text-decoration: none
}

.single-post-container .page-nav a {
    font-size: 14px;
    font-weight: var(--font-weight-light)
}

.single-post-container .page-nav a.left {
    float: left
}

.single-post-container .page-nav a.right {
    float: right
}

.embed-page .account-info-logout a:hover:active,
.single-post-container .page-nav a:hover:active {
    opacity: .7
}

.single-post-container .single-post-section.comments-section .container {
    margin: var(--size-16);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--size-16)
}

@media screen and (min-width:768px) {
    .single-post-container .single-post-section.comments-section .container {
        margin: var(--size-16) auto
    }
}

.single-post-container .single-post-section.comments-section .container .visibility-check {
    position: absolute
}

.single-post-container .single-post-section.comments-section .comments-section-title {
    font-family: var(--font-family-title);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-heavy);
    color: var(--print_on_web_bg_color, var(--color-fg-primary));
    line-height: var(--line-height-24);
    margin: var(--size-8) 0
}

.single-post-container .single-post-section .container h4 {
    margin: 0 0 12px;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-weight: var(--font-weight-medium);
    font-size: 22px;
    line-height: 26px
}

.single-post-container .single-post-section .container .more-comments {
    display: block;
    font-size: 13px;
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-weight: 700;
    font-family: var(--font_family_ui, var(--font-family-text));
    text-decoration: none;
    margin-top: 8px
}

.single-post-container .single-post-section .container .portable-archive {
    min-height: 540px
}

.single-post-container .single-post-section .container .portable-archive.empty-list {
    min-height: 240px
}

@media print {
    .single-post-container .single-post-section .container .portable-archive {
        display: none
    }
}

.single-post-container .selection-popover,
.single-post-container .selection-popover .preview {
    background-color: var(--web_bg_color, var(--color-bg-primary));
    border: solid 1px var(--border_subtle);
    border-radius: var(--border-radius-md);
    box-shadow: 0 2px 4px -1px var(--background_contrast_5)
}

.single-post-container .selection-popover {
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--font_family_ui, var(--font-family-text));
    padding: 0 20px;
    height: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.single-post-container .selection-popover .preview {
    opacity: 0;
    position: absolute;
    bottom: 58px
}

.single-post-container .selection-popover .preview.show-preview {
    opacity: 1;
    transition: opacity .5s .3s ease
}

.single-post-container .selection-popover .preview img {
    width: 400px;
    height: 200px;
    border-radius: var(--border-radius-md)
}

.single-post-container .selection-popover .buttons {
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.single-post-container .selection-popover .buttons span {
    font-size: 16px;
    margin-right: 12px
}

.single-post-container .selection-popover .buttons button {
    padding: 10px
}

.post-page-root-comment-list {
    margin-top: 0
}

.post-page-root-comment-list a.more-replies {
    display: block;
    font-size: 13px;
    font-weight: 700
}

.shows-post .image2-inset.image2-full-screen {
    width: 100% !important
}

.shows-post .image2-inset.image2-full-screen img {
    width: 100%
}

.simple-modal-pad {
    margin: 0;
    padding: var(--size-24);
    font-size: var(--font-size-14)
}

.simple-modal-pad .reader2-modal-title-text {
    font-family: var(--font-family-title);
    font-size: var(--font-size-32);
    line-height: 56px;
    letter-spacing: .38px;
    font-weight: var(--font-weight-heavy);
    color: var(--color-fg-primary)
}

.simple-modal-pad .buttons {
    display: flex;
    justify-content: flex-end;
    gap: var(--size-12)
}

.simple-modal-pad .buttons .button {
    margin: 0
}

.simple-modal-footer {
    box-sizing: border-box;
    border-top: var(--border-default)
}

.simple-modal-footer.reader2-text-b4 {
    font-size: var(--font-size-14);
    color: var(--color-fg-secondary);
    line-height: var(--line-height-20)
}

.modal-header-icon {
    width: var(--size-24);
    height: var(--size-24)
}

.about-page,
.archive-page {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.archive-page {
    padding: 12px 0 56px
}

.archive-page .portable-archive {
    margin-top: 10px
}

.about-page {
    padding: var(--size-32) 0
}

.about-page .page-title,
.about-page .page-title a,
.about-page .subtitle,
.about-page h1,
.about-page h1 a,
.about-page h1.title a,
.about-page h2,
.about-page h2 a,
.about-page h3,
.about-page h3 a,
.about-page h4,
.about-page h4 a,
.about-page h5,
.about-page h5 a,
.about-page h6,
.about-page h6 a,
.about-page p,
.about-page p a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.about-page .captioned-image-container figcaption,
.about-page .captioned-image-container-static figcaption,
.about-page .subtitle,
.about-page a.ui-secondary {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))))
}

@media print {

    .about-page h1,
    .about-page h2,
    .about-page h3,
    .about-page h4,
    .about-page h5,
    .about-page h6,
    .about-page p {
        color: #000
    }

    .about-page h1 a,
    .about-page h2 a,
    .about-page h3 a,
    .about-page h4 a,
    .about-page h5 a,
    .about-page h6 a,
    .about-page p a {
        color: #00f
    }
}

@media print {
    .about-page a.ui-secondary a {
        color: #00f
    }
}

.about-page .captioned-image-container figcaption a {
    color: var(--print_on_web_bg_color, var(--color-fg-primary))
}

.about-page .about-content-wrap {
    padding-top: var(--size-16)
}

.about-page .about-content-wrap .content-about-silhouette .content-about-silhouette-line {
    background-color: var(--color-bg-primary);
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm);
    margin: 8px 0 16px;
    height: 14px
}

.about-page .about-content-wrap .content-about-silhouette .content-about-silhouette-line::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200%;
    background-image: linear-gradient(to right, var(--color-bg-secondary), var(--color-bg-primary), var(--color-bg-secondary));
    background-size: 50% 100%;
    background-repeat: repeat-x;
    animation: silhouette-scroll 1s linear infinite;
    content: ''
}

.about-page .about-content-wrap .content-about-silhouette .content-about-silhouette-line:last-child {
    width: 60%
}

.about-page .about-content-wrap .content-about {
    padding: var(--size-16) 0
}

.about-page .about-content-wrap .content-about>.body {
    font-family: Nunito, var(--font_family_body, var(--font_family_body_preset, 'Spectral', serif, var(--font-family-text)));
    font-weight: var(--font_weight_body_preset, 400);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-appearance: optimizelegibility;
    -moz-appearance: optimizelegibility;
    appearance: optimizelegibility
}

.about-page .end-cta-container .subscribe-widget,
.about-page .end-cta-container .subscribe-widget .button-wrapper {
    margin: 0
}

.about-page .end-cta-container .subscribe-widget .sideBySideWrap .rightButton,
.about-page .end-cta-container .subscribe-widget .sideBySideWrap input[name=email] {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center
}

.about-page .content-people {
    display: flex;
    gap: var(--size-16)
}

.about-page .content-people .people-column {
    width: calc(50% - var(--size-16)/2)
}

@media (max-width:650px) {
    .about-page .content-people {
        display: block
    }

    .about-page .content-people .people-column {
        width: 100%
    }
}

.about-page .content-people .content-person {
    box-sizing: border-box;
    border: var(--border-default-themed);
    border-radius: var(--border-radius-md);
    display: inline-block;
    margin-bottom: var(--size-16);
    padding: var(--size-8);
    text-decoration: none;
    width: 100%;
    cursor: pointer
}

.about-page .content-people .content-person:hover {
    background: var(--background_contrast_1)
}

.about-page .about-page-section-title {
    margin: 0
}

.about-page .content-child-publications .child-publication {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 0;
    border-radius: var(--border-radius-sm);
    text-decoration: none
}

.about-page .content-child-publications .child-publication .child-publication-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    padding-right: 20px;
    gap: 10px
}

@media (max-width:650px) {
    .about-page .content-child-publications .child-publication .child-publication-details {
        flex-direction: column;
        align-items: flex-start
    }

    .about-page .content-child-publications .child-publication .child-publication-subscribe {
        min-width: 165px
    }

    .about-page .content-child-publications .child-publication .child-publication-logo {
        align-self: flex-start;
        margin-top: 7px
    }
}

.about-page .content-child-publications .child-publication .child-publication-logo {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: var(--border-radius-sm);
    margin-right: 20px
}

.about-page .content-child-publications .child-publication .child-publication-info {
    min-height: 72px;
    flex-grow: 1;
    align-self: stretch
}

.about-page .content-child-publications .child-publication .child-publication-info .child-publication-title {
    padding: 4px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

.about-page .content-child-publications .child-publication .child-publication-info .child-publication-title a {
    text-decoration: none
}

.about-page .content-child-publications .child-publication .child-publication-info .child-publication-title a:hover {
    text-decoration: underline
}

.about-page .content-child-publications .child-publication .child-publication-info .child-publication-description {
    color: var(--print_secondary, var(--print_secondary_on_web_bg_color, var(--print_secondary, var(--color-fg-secondary))));
    font-size: 14px;
    line-height: 17px
}

.about-page .content-child-publications .child-publication .child-publication-subscribe {
    flex-shrink: 0;
    padding: 10px 16px;
    font-size: 14px
}

@media screen and (max-width:650px) {
    .about-page .content-child-publications .child-publication .child-publication-logo {
        width: 48px;
        height: 48px
    }

    .about-page .content-child-publications .child-publication .child-publication-info {
        min-height: 48px
    }

    .about-page .content-child-publications .child-publication .child-publication-info .child-publication-title {
        padding: 0 0 2px;
        font-size: var(--font-size-16);
        line-height: 17px
    }

    .about-page .content-child-publications .child-publication .child-publication-info .child-publication-description {
        font-size: 13px;
        line-height: 15px
    }
}

.balance-text {
    opacity: 0
}

.balance-text.visible {
    opacity: 1;
    transition: opacity .5s ease
}

.embed-page {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 100vh;
    width: 100vw;
    box-sizing: border-box;
    text-align: center
}

.embed-page .embed-page-inner {
    max-width: 370px
}

.embed-page .account-info-logout,
.set-password-page {
    font-family: var(--font_family_ui, var(--font-family-text))
}

.embed-page .account-info-logout a {
    color: var(--print_secondary, var(--color-fg-secondary));
    font-size: 14px
}

.embed-page .publication-logo {
    display: block;
    margin: 0 auto 10px;
    width: 85px;
    height: 85px;
    border-radius: var(--border-radius-md)
}

.embed-page .publication-name,
.embed-page .publication-tagline {
    margin: 0 auto 20px;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 32px;
    font-weight: 700;
    color: var(--cover_print_primary)
}

.embed-page .publication-tagline {
    margin: 0 auto 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cover_print_secondary)
}

.embed-page .embed-tos,
.embed-page .publication-meta {
    font-family: var(--font_family_ui, var(--font-family-text));
    line-height: 21px
}

.embed-page .publication-meta {
    margin: 0 auto 22px;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--cover_print_secondary)
}

.embed-page .embed-tos {
    margin: 0 auto 12px;
    max-width: 360px
}

.embed-page .embed-tos .tos-text {
    color: inherit !important
}

.embed-page .substack-watermark {
    position: absolute;
    display: block;
    right: 12px;
    bottom: 12px;
    height: 17.19496309px;
    width: 100px;
    opacity: .3;
    transition: all .25s ease-out
}

.embed-page .substack-watermark:hover {
    opacity: 1
}

.embed-page .subscription-request-form .sideBySideWrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 380px
}

@media screen and (max-width:650px) {
    .embed-page .subscription-request-form .sideBySideWrap {
        padding: 0 16px
    }
}

.embed-page .subscription-request-form input[type=email] {
    background: var(--cover_input_background, var(--cover_bg_color, #fff));
    color: var(--cover_print_primary, #000);
    display: inline-block;
    padding: 10px;
    height: 52px;
    border: 1px solid var(--cover_border_color);
    border-right-width: 0;
    border-radius: var(--border-radius-sm) 0 0 var(--border-radius-sm);
    font-family: var(--font-family-text);
    font-size: 16px;
    line-height: 19px;
    -webkit-appearance: none
}

.embed-page .subscription-request-form input[type=email]::placeholder {
    color: var(--cover_print_secondary, #888)
}

.embed-page .subscription-request-form input[type=email].secondary {
    border: 1px solid var(--cover_print_secondary);
    border-right-width: 0;
    opacity: .5
}

.embed-page .subscription-request-form .rightButton {
    margin-top: 0;
    padding: 10px 12px;
    height: 52px;
    background: var(--cover_border_color);
    border: 1px solid var(--cover_border_color);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: 16px;
    color: var(--print_on_pop);
    font-weight: var(--font-weight-medium)
}

@media screen and (max-width:650px) {
    .embed-page .subscription-request-form .rightButton {
        padding: 10px 12px
    }
}

.embed-page .subscription-request-form .rightButton.secondary {
    background: var(--cover_input_background);
    border: 1px solid var(--cover_print_secondary)
}

.embed-page .subscription-request-form .rightButton.secondary .button-text {
    color: var(--cover_print_primary, #000)
}

.embed-page .sign-out-block {
    margin-bottom: 12px
}

@media (max-height:400px) {
    .embed-page .publication-logo {
        margin-bottom: 10px;
        width: 50px;
        height: 50px
    }

    .embed-page .publication-name {
        margin-bottom: 12px;
        font-size: 28px
    }

    .embed-page .publication-tagline {
        margin-bottom: 12px;
        font-size: 16px
    }

    .embed-page .publication-meta {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 18px
    }

    .embed-page .substack-watermark {
        height: 13.75597047px;
        width: 80px;
        bottom: 12px
    }
}

@media (max-height:320px) {
    .embed-page .publication-logo {
        margin-bottom: 8px
    }

    .embed-page .publication-name {
        margin-bottom: 6px;
        font-size: 24px
    }

    .embed-page .publication-tagline {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 18px
    }

    .embed-page .publication-meta {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-height:280px) {
    .embed-page .publication-logo {
        display: none
    }
}

@media (max-height:240px) {
    .embed-page .publication-tagline {
        display: none
    }
}

@media (max-height:160px) {

    .embed-page .publication-meta,
    .embed-page .publication-name {
        display: none
    }
}

@media (max-height:100px) {
    .embed-page .substack-watermark {
        display: none
    }
}

.container.reward-page {
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: 17px
}

.container.reward-page .sender-hint {
    color: var(--print_pop);
    border: 1px solid var(--print_pop);
    padding: 20px
}

.container.reward-page .sender-hint .button,
.container.reward-page .sender-hint span {
    margin: 20px 20px 20px 0
}

.container.reward-page.campaign-receive-page .gift-receive-header h2 {
    font-size: 34px;
    margin-bottom: 0
}

.container.reward-page.campaign-receive-page .gift-receive-header .campaign-pitch {
    margin-top: 4px
}

.container.reward-page.campaign-receive-page .gift-receive-header .urgency-text {
    font-size: 14px;
    color: red;
    font-weight: 700;
    text-transform: uppercase
}

.signup .form .sideBySideWrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: left
}

@media screen and (max-width:650px) {
    .signup .form .sideBySideWrap {
        display: block
    }
}

.signup .form .sideBySideWrap input[type=email] {
    display: inline-block;
    padding: 10px;
    max-width: 230px;
    border: 1px solid var(--background_pop);
    border-radius: 5px 0 0 5px;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: var(--font-size-16);
    line-height: 19px;
    -webkit-appearance: none
}

@media screen and (max-width:650px) {
    .signup .form .sideBySideWrap input[type=email] {
        display: block;
        height: 48px;
        max-width: none;
        border-radius: 5px 5px 0 0
    }
}

.signup .form .sideBySideWrap .button {
    margin-top: 0;
    padding: 10px 16px;
    height: 41px;
    min-width: 9.5em;
    background: var(--background_pop);
    border: 1px solid var(--border_subtle);
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    font-size: var(--font-size-16)
}

@media screen and (max-width:650px) {
    .signup .form .sideBySideWrap .button {
        height: 48px;
        width: 100%;
        min-width: unset;
        background: rgba(0, 0, 0, .2);
        border-radius: 0 0 var(--border-radius-sm) var(--border-radius-sm)
    }
}

.signup .form .subtle-help-text {
    margin-top: 1em;
    color: inherit;
    font-family: var(--font_family_ui, var(--font-family-text));
    font-size: .5em;
    opacity: .7
}

@media screen and (max-width:650px) {
    .signup .form .subtle-help-text {
        font-size: .7em
    }
}

.signup .form .subtle-help-text a {
    float: left;
    margin-right: 8px;
    color: inherit;
    text-decoration: underline
}

.signup .form .error {
    color: red
}

@media screen and (min-width:768px) {
    .set-password-page .container {
        width: 500px;
        margin: 0 auto
    }
}

.set-password-page .container input {
    box-sizing: border-box;
    padding: 10px;
    border: var(--border-default);
    border-radius: var(--border-radius-sm);
    outline: 0;
    margin: 0 0 5px;
    font-size: var(--font-size-16);
    line-height: 24px;
    display: block;
    width: 100%
}

.set-password-page .container input:focus {
    border-color: var(--color-utility-detail)
}

.set-password-page .error {
    position: relative;
    right: 0;
    margin-top: 0
}

.set-password-page .set-password-form-sub-text {
    color: var(--print_secondary, var(--color-fg-secondary));
    font-size: 13px;
    margin: 0 2px 0 0
}

.set-password-page .set-password-form-sub-text.success {
    color: var(--color-accent-fg-green)
}

.set-password-page .set-password-form-icon-wrapper {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: var(--font-size-16);
    cursor: pointer
}

.set-password-page .set-password-form-icon-wrapper .password-icon,
.set-password-page .set-password-form-icon-wrapper .password-icon * {
    stroke: var(--print_secondary, var(--color-fg-secondary));
    stroke-width: 1.5px;
    width: 18px
}

.set-password-page .set-password-form-input-label {
    margin-bottom: 8px;
    font-family: var(--font_family_ui, var(--font-family-text));
    color: var(--color-fg-primary);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold)
}

*,
::after,
::before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.tw-pointer-events-none {
    pointer-events: none !important
}

.tw-pointer-events-auto {
    pointer-events: auto !important
}

.tw-fixed {
    position: fixed !important
}

.tw-absolute {
    position: absolute !important
}

.tw-relative {
    position: relative !important
}

.tw-inset-0 {
    inset: 0 !important
}

.tw-inset-y-0 {
    top: 0 !important
}

.tw-bottom-0,
.tw-inset-y-0 {
    bottom: 0 !important
}

.tw-left-0 {
    left: 0 !important
}

.tw-left-0\.5 {
    left: .125rem !important
}

.tw-left-1 {
    left: .25rem !important
}

.tw-left-\[\.15rem\] {
    left: .15rem !important
}

.tw-left-\[\.1rem\] {
    left: .1rem !important
}

.tw-right-0 {
    right: 0 !important
}

.tw-top-2 {
    top: .5rem !important
}

.tw-z-50 {
    z-index: 50 !important
}

.tw-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.tw-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.tw-mb-10 {
    margin-bottom: 2.5rem !important
}

.tw-mb-4 {
    margin-bottom: 1rem !important
}

.tw-mb-6 {
    margin-bottom: 1.5rem !important
}

.tw-mb-8 {
    margin-bottom: 2rem !important
}

.tw-ml-0 {
    margin-left: 0 !important
}

.tw-ml-2 {
    margin-left: .5rem !important
}

.tw-ml-3 {
    margin-left: .75rem !important
}

.tw-ml-\[-10px\] {
    margin-left: -10px !important
}

.tw-ml-auto {
    margin-left: auto !important
}

.tw-mr-2 {
    margin-right: .5rem !important
}

.tw-mt-0 {
    margin-top: 0 !important
}

.tw-mt-2 {
    margin-top: .5rem !important
}

.tw-mt-5 {
    margin-top: 1.25rem !important
}

.tw-mt-6 {
    margin-top: 1.5rem !important
}

.tw-box-border {
    box-sizing: border-box !important
}

.tw-block {
    display: block !important
}

.tw-inline-block {
    display: inline-block !important
}

.tw-inline {
    display: inline !important
}

.tw-flex {
    display: flex !important
}

.tw-hidden {
    display: none !important
}

.tw-h-0 {
    height: 0 !important
}

.tw-h-1 {
    height: .25rem !important
}

.tw-h-10 {
    height: 2.5rem !important
}

.tw-h-12 {
    height: 3rem !important
}

.tw-h-14 {
    height: 3.5rem !important
}

.tw-h-16 {
    height: 4rem !important
}

.tw-h-20 {
    height: 5rem !important
}

.tw-h-4 {
    height: 1rem !important
}

.tw-h-5 {
    height: 1.25rem !important
}

.tw-h-6 {
    height: 1.5rem !important
}

.tw-h-7 {
    height: 1.75rem !important
}

.tw-h-8 {
    height: 2rem !important
}

.tw-h-auto {
    height: auto !important
}

.tw-h-button {
    height: 40px !important
}

.tw-h-full {
    height: 100% !important
}

.tw-min-h-0 {
    min-height: 0 !important
}

.tw-w-0 {
    width: 0 !important
}

.tw-w-1\/3 {
    width: 33.333333% !important
}

.tw-w-10 {
    width: 2.5rem !important
}

.tw-w-12 {
    width: 3rem !important
}

.tw-w-14 {
    width: 3.5rem !important
}

.tw-w-16 {
    width: 4rem !important
}

.tw-w-4 {
    width: 1rem !important
}

.tw-w-5 {
    width: 1.25rem !important
}

.tw-w-6 {
    width: 1.5rem !important
}

.tw-w-8 {
    width: 2rem !important
}

.tw-w-\[440px\] {
    width: 440px !important
}

.tw-w-\[calc\(100vw_-_2rem\)\] {
    width: calc(100vw - 2rem) !important
}

.tw-w-button {
    width: 40px !important
}

.tw-w-full {
    width: 100% !important
}

.tw-w-screen {
    width: 100vw !important
}

.tw-min-w-\[40px\] {
    min-width: 40px !important
}

.tw-max-w-full {
    max-width: 100% !important
}

.tw-max-w-md {
    max-width: 28rem !important
}

.tw-flex-1 {
    flex: 1 1 0% !important
}

.tw-flex-shrink-0,
.tw-shrink-0 {
    flex-shrink: 0 !important
}

.tw-grow {
    flex-grow: 1 !important
}

.tw-basis-20 {
    flex-basis: 5rem !important
}

.tw-basis-full {
    flex-basis: 100% !important
}

.tw--translate-x-2,
.tw--translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw--translate-x-2 {
    --tw-translate-x: -0.5rem !important
}

.tw--translate-y-2 {
    --tw-translate-y: -0.5rem !important
}

.tw-translate-x-0 {
    --tw-translate-x: 0px !important
}

.tw-translate-x-0,
.tw-translate-x-2,
.tw-translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-translate-x-2 {
    --tw-translate-x: 0.5rem !important
}

.tw-translate-x-full {
    --tw-translate-x: 100% !important
}

.tw-translate-y-0 {
    --tw-translate-y: 0px !important
}

.tw-translate-y-0,
.tw-translate-y-2,
.tw-translate-y-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-translate-y-2 {
    --tw-translate-y: 0.5rem !important
}

.tw-translate-y-4 {
    --tw-translate-y: 1rem !important
}

.tw-translate-y-\[-40\%\] {
    --tw-translate-y: -40% !important
}

.tw-transform,
.tw-translate-y-\[-40\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.tw-cursor-not-allowed {
    cursor: not-allowed !important
}

.tw-cursor-pointer {
    cursor: pointer !important
}

.tw-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.tw-appearance-none {
    -webkit-appearance: none !important;
    appearance: none !important
}

.tw-flex-col {
    flex-direction: column !important
}

.tw-flex-wrap {
    flex-wrap: wrap !important
}

.tw-items-start {
    align-items: flex-start !important
}

.tw-items-center {
    align-items: center !important
}

.tw-justify-end {
    justify-content: flex-end !important
}

.tw-justify-center {
    justify-content: center !important
}

.tw-justify-between {
    justify-content: space-between !important
}

.tw-gap-2 {
    gap: .5rem !important
}

.tw-gap-3 {
    gap: .75rem !important
}

.tw-gap-4 {
    gap: 1rem !important
}

.tw-gap-8 {
    gap: 2rem !important
}

.tw-space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0px*calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0px*var(--tw-space-y-reverse)) !important
}

.tw-overflow-auto {
    overflow: auto !important
}

.tw-overflow-hidden {
    overflow: hidden !important
}

.tw-overflow-y-scroll {
    overflow-y: scroll !important
}

.tw-whitespace-nowrap {
    white-space: nowrap !important
}

.tw-rounded {
    border-radius: 4px !important
}

.tw-rounded-full {
    border-radius: 9999px !important
}

.tw-rounded-lg {
    border-radius: .5rem !important
}

.tw-rounded-md {
    border-radius: .375rem !important
}

.tw-rounded-sm {
    border-radius: .125rem !important
}

.tw-rounded-xl {
    border-radius: .75rem !important
}

.tw-rounded-l-full {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important
}

.tw-rounded-l-md {
    border-top-left-radius: .375rem !important;
    border-bottom-left-radius: .375rem !important
}

.tw-rounded-r-\[64px\] {
    border-top-right-radius: 64px !important;
    border-bottom-right-radius: 64px !important
}

.tw-border {
    border-width: 1px !important
}

.tw-border-0 {
    border-width: 0 !important
}

.tw-border-2 {
    border-width: 2px !important
}

.tw-border-b {
    border-bottom-width: 1px !important
}

.tw-border-b-0 {
    border-bottom-width: 0 !important
}

.tw-border-l-0 {
    border-left-width: 0 !important
}

.tw-border-r-0 {
    border-right-width: 0 !important
}

.tw-border-solid {
    border-style: solid !important
}

.tw-border-pub-accent {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb)), var(--tw-border-opacity)) !important
}

.tw-border-pub-background {
    border-color: var(--web_bg_color, var(--color-bg-primary)) !important
}

.tw-border-pub-detail,
.tw-border-pub-detail-light {
    border-color: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

.tw-border-substack-bg {
    border-color: var(--color-bg-primary) !important
}

.tw-border-substack-detail {
    border-color: var(--color-utility-detail) !important
}

.tw-bg-error {
    background-color: var(--color-semantic-error-bg-primary) !important
}

.tw-bg-pub-accent {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb)), var(--tw-bg-opacity)) !important
}

.tw-bg-pub-accent-inverse {
    background-color: var(--color_theme_print_on_pop, var(--color-light-bg-primary)) !important
}

.tw-bg-pub-background {
    background-color: var(--web_bg_color, var(--color-bg-primary)) !important
}

.tw-bg-pub-detail {
    background-color: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

.tw-bg-pub-wash {
    background-color: var(--color_theme_bg_contrast_1, var(--color-bg-secondary)) !important
}

.tw-bg-substack-accent {
    background-color: var(--color-accent-fg-orange) !important
}

.tw-bg-substack-bg {
    background-color: var(--color-bg-primary) !important
}

.tw-bg-substack-detail {
    background-color: var(--color-utility-detail) !important
}

.tw-bg-substack-wash {
    background-color: var(--color-bg-secondary) !important
}

.tw-bg-transparent {
    background-color: transparent !important
}

.tw-bg-twitter {
    background-color: var(--color-accent-fg-cyan) !important
}

.tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.tw-fill-pub-accent {
    fill: rgba(var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb)), 1) !important
}

.tw-fill-pub-accent-inverse {
    fill: var(--color_theme_print_on_pop, var(--color-light-bg-primary)) !important
}

.tw-fill-pub-detail {
    fill: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

.tw-fill-pub-primary-text {
    fill: var(--print_on_web_bg_color, var(--color-fg-primary)) !important
}

.tw-fill-pub-secondary-text {
    fill: var(--print_secondary_on_web_bg_color, var(--color-fg-secondary)) !important
}

.tw-fill-substack-detail {
    fill: var(--color-utility-detail) !important
}

.tw-stroke-pub-secondary-text {
    stroke: var(--print_secondary_on_web_bg_color, var(--color-fg-secondary)) !important
}

.tw-p-0 {
    padding: 0 !important
}

.tw-p-12 {
    padding: 3rem !important
}

.tw-p-3 {
    padding: .75rem !important
}

.tw-p-4 {
    padding: 1rem !important
}

.tw-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.tw-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.tw-py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.tw-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.tw-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important
}

.tw-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.tw-py-\[10px\] {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.tw-pb-2 {
    padding-bottom: .5rem !important
}

.tw-pb-6 {
    padding-bottom: 1.5rem !important
}

.tw-pb-8 {
    padding-bottom: 2rem !important
}

.tw-pl-10 {
    padding-left: 2.5rem !important
}

.tw-pl-\[10px\] {
    padding-left: 10px !important
}

.tw-pr-\[10px\] {
    padding-right: 10px !important
}

.tw-text-center {
    text-align: center !important
}

.tw-text-right {
    text-align: right !important
}

.tw-align-middle {
    vertical-align: middle !important
}

.tw-align-text-top {
    vertical-align: text-top !important
}

.tw-font-body {
    font-family: SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Inter, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important
}

.tw-font-meta {
    font-family: SF Pro Text, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Inter, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important
}

.tw-font-sans {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Nunito", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.tw-font-title {
    font-family: SF Pro Display, SF Pro Text, -apple-system, system-ui, BlinkMacSystemFont, Inter, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important
}

.tw-text-\[13px\] {
    font-size: 13px !important
}

.tw-text-\[length\:inherit\] {
    font-size: inherit !important
}

.tw-text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.tw-text-h2 {
    font-size: 24px !important
}

.tw-text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.tw-text-ssm {
    font-size: 13px !important
}

.tw-font-bold {
    font-weight: 700 !important
}

.tw-font-medium {
    font-weight: 500 !important
}

.tw-font-semibold {
    font-weight: 600 !important
}

.tw-uppercase {
    text-transform: uppercase !important
}

.tw-leading-h2 {
    line-height: 30px !important
}

.tw-leading-none {
    line-height: 1 !important
}

.tw-tracking-h2 {
    letter-spacing: .36px !important
}

.tw-text-\[color\:inherit\] {
    color: inherit !important
}

.tw-text-error {
    color: var(--color-semantic-error-bg-primary) !important
}

.tw-text-pub-accent {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--color_theme_bg_pop_rgb, var(--color-light-accent-orange-rgb)), var(--tw-text-opacity)) !important
}

.tw-text-pub-accent-inverse {
    color: var(--color_theme_print_on_pop, var(--color-light-bg-primary)) !important
}

.tw-text-pub-primary-text {
    color: var(--print_on_web_bg_color, var(--color-fg-primary)) !important
}

.tw-text-pub-secondary-text {
    color: var(--print_secondary_on_web_bg_color, var(--color-fg-secondary)) !important
}

.tw-text-substack-accent {
    color: var(--color-accent-fg-orange) !important
}

.tw-text-substack-bg {
    color: var(--color-bg-primary) !important
}

.tw-text-substack-primary {
    color: var(--color-fg-primary) !important
}

.tw-text-substack-secondary {
    color: var(--color-fg-secondary) !important
}

.tw-text-twitter {
    color: var(--color-accent-fg-cyan) !important
}

.tw-underline {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.tw-no-underline {
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.tw-opacity-0 {
    opacity: 0 !important
}

.tw-opacity-100 {
    opacity: 1 !important
}

.tw-shadow-lg,
.tw-shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-lg {
    --tw-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color) !important
}

.tw-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important
}

.tw-transition,
.tw-transition-all,
.tw-transition-opacity,
.tw-transition-transform {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: 150ms !important
}

.tw-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important
}

.tw-transition-all,
.tw-transition-opacity,
.tw-transition-transform {
    transition-property: all !important
}

.tw-transition-opacity,
.tw-transition-transform {
    transition-property: opacity !important
}

.tw-transition-transform {
    transition-property: transform !important
}

.tw-duration-fast {
    transition-duration: 250ms !important
}

.tw-ease-smooth {
    transition-timing-function: cubic-bezier(.16, 1, .3, 1) !important
}

.hover\:tw-scale-105:hover {
    --tw-scale-x: 1.05 !important;
    --tw-scale-y: 1.05 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.hover\:tw-border-pub-detail:hover {
    border-color: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

.hover\:tw-border-substack-tertiary:hover {
    border-color: var(--color-fg-tertiary) !important
}

.hover\:tw-bg-dark-primary:hover {
    background-color: var(--color-dark-primary) !important
}

.hover\:tw-bg-pub-detail-light:hover {
    background-color: var(--color_theme_bg_contrast_2, var(--color-utility-detail)) !important
}

.hover\:tw-bg-substack-wash:hover {
    background-color: var(--color-bg-secondary) !important
}

.hover\:tw-text-substack-secondary:hover {
    color: var(--color-fg-secondary) !important
}

.hover\:tw-opacity-80:hover {
    opacity: .8 !important
}

.disabled\:tw-cursor-not-allowed:disabled {
    cursor: not-allowed !important
}

.disabled\:tw-opacity-70:disabled {
    opacity: .7 !important
}

@media (min-width:631px) {
    .sm\:tw-right-4 {
        right: 1rem !important
    }

    .sm\:tw-mx-0 {
        margin-right: 0 !important
    }

    .sm\:tw-ml-0,
    .sm\:tw-mx-0 {
        margin-left: 0 !important
    }

    .sm\:tw-block {
        display: block !important
    }

    .sm\:tw-flex {
        display: flex !important
    }

    .sm\:tw-max-h-\[60vh\] {
        max-height: 60vh !important
    }

    .sm\:tw-w-\[400px\] {
        width: 400px !important
    }

    .sm\:tw-gap-1 {
        gap: .25rem !important
    }

    .sm\:tw-gap-3 {
        gap: .75rem !important
    }

    .sm\:tw-gap-4 {
        gap: 1rem !important
    }

    .sm\:tw-gap-5 {
        gap: 1.25rem !important
    }

    .sm\:tw-px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .sm\:tw-text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .sm\:tw-opacity-70 {
        opacity: .7 !important
    }

    .sm\:hover\:tw-opacity-100:hover {
        opacity: 1 !important
    }
}