:root {
  --color-substack-accent: #ff6719;
  --color-substack-accent-bg: #fff7f3;
  --color-primary: #404040;
  --color-secondary: #808080;
  --color-tertiary: #a7a7a7;
  --color-dark-primary: #e0e0e0;
  --color-utility-detail: #e0e0e0;
  --color-dark-detail: #333333;
  --color-text-dark-pencraft: #404040;
  --color-substack-bg: #ffffff;
  --color-substack-secondary: #808080;
  --color-text-dark-wash: #252525;
  --color-substack-wash: #f5f5f5;
  --color-bg-primary: white;
  --color-bg-secondary: #f5f5f5;
  --color-bg-tertiary: #dedede;
  --color-heart: #ff8383;
  --color-blue: #66c8ff;
  --color-green: #53d09c;

  --color-primary-with-theme: var(--print_on_web_bg_color, --color-primary);
  --color-pub-accent: var(--print_pop);
  --color-secondary-with-theme: var(--print_secondary_on_web_bg_color, --color-secondary);

  --font-family-text: 'SF Pro Text', -apple-system, ui-sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-title: 'SF Pro Display', -apple-system-headline, var(--font-family-text);
  --font-family-serif: -apple-system-ui-serif, ui-serif, 'Spectral', 'Georgia', serif;
  --font-family-meta: 'SF Compact Rounded', 'SF Pro Rounded', ui-rounded, 'SF Pro Text', -apple-system,
    BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-default: 16px;

  --line-height-20: 20px;
  --line-height-default: 20px;

  --font-weight-600: 600;

  --letter-spacing-small: -0.15px;
  --letter-spacing-default: -0.3px;

  --border-default: 1px solid var(--color-utility-detail);

  --border-radius-4: 4px;
  --border-radius-8: 8px;
  --border-radius-12: 12px;

  --color-error: #eb5757;

  --animation-timing-fast: 0.2s;
  --animation-timing-slow: 0.5s;
  --animation-smoothing: cubic-bezier(0.16, 1, 0.3, 1);
  --img-transition: background-color var(--animation-timing-fast) var(--animation-smoothing);

  --shadow-sm: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);

  --size-4: 4px;
  --size-8: 8px;
  --size-12: 12px;
  --size-16: 16px;
  --size-32: 32px;
  --size-40: 40px;

  --nav-bp-2: 500px;
}

.frontend-pencraft-common-module__reset--1p7T1 {
  box-sizing: border-box;
}

.frontend-pencraft-common-module__color-primary--dX2PK {
  color: var(--color-primary);
}

.frontend-pencraft-common-module__color-secondary--31o27 {
  color: var(--color-secondary);
}

.frontend-pencraft-common-module__flex--1zqhE {
  display: flex;
}
.frontend-pencraft-common-module__flex-direction-column--1M8ao {
  flex-direction: column;
}
.frontend-pencraft-common-module__flex-direction-row--367Jb {
  flex-direction: row;
}

.frontend-pencraft-common-module__flex-direction-row-reverse--GNHNO {
  flex-direction: row-reverse;
}

.frontend-pencraft-common-module__flex-direction-column-reverse--26Ih9 {
  flex-direction: column-reverse;
}

.frontend-pencraft-common-module__flex-justify-start--1XH3O {
  justify-content: flex-start;
}

.frontend-pencraft-common-module__flex-justify-space-between--SL_op {
  justify-content: space-between;
}

.frontend-pencraft-common-module__flex-justify-center--xUgc5 {
  justify-content: center;
}

.frontend-pencraft-common-module__flex-justify-end--3V9zS {
  justify-content: flex-end;
}

.frontend-pencraft-common-module__flex-align-start--bk9HN {
  align-items: flex-start;
}

.frontend-pencraft-common-module__flex-align-end--GySIF {
  align-items: flex-end;
}

.frontend-pencraft-common-module__flex-align-center--36QBT {
  align-items: center;
}

.frontend-pencraft-common-module__flex-gap-0--3aKfZ {
  gap: 0;
}
.frontend-pencraft-common-module__flex-gap-4--k4Q3A {
  gap: 4px;
}
.frontend-pencraft-common-module__flex-gap-6--PGGBu {
  gap: 6px;
}
.frontend-pencraft-common-module__flex-gap-8--1YgLp {
  gap: 8px;
}
.frontend-pencraft-common-module__flex-gap-12--1ZEhP {
  gap: 12px;
}
.frontend-pencraft-common-module__flex-gap-16--Su2v_ {
  gap: 16px;
}
.frontend-pencraft-common-module__flex-gap-20--MutXE {
  gap: 20px;
}
.frontend-pencraft-common-module__flex-gap-24--1MiEq {
  gap: 24px;
}
.frontend-pencraft-common-module__flex-gap-32--v538i {
  gap: 32px;
}
.frontend-pencraft-common-module__flex-gap-40--24cOM {
  gap: 40px;
}
.frontend-pencraft-common-module__flex-gap-80--c4L9m {
  gap: 80px;
}
.frontend-pencraft-common-module__flex-gap-120--11BB5 {
  gap: 120px;
}

.frontend-pencraft-common-module__padding-0--2HMHI {
  padding: 0;
}
.frontend-pencraft-common-module__padding-4--29tMA {
  padding: 4px;
}
.frontend-pencraft-common-module__padding-6--2p7_g {
  padding: 6px;
}
.frontend-pencraft-common-module__padding-8--3KeHW {
  padding: 8px;
}
.frontend-pencraft-common-module__padding-12--3KdNa {
  padding: 12px;
}
.frontend-pencraft-common-module__padding-16--1c973 {
  padding: 16px;
}
.frontend-pencraft-common-module__padding-20--brrZq {
  padding: 20px;
}
.frontend-pencraft-common-module__padding-24--38EVC {
  padding: 24px;
}
.frontend-pencraft-common-module__padding-32--C_rZC {
  padding: 32px;
}
.frontend-pencraft-common-module__padding-40--2j3_m {
  padding: 40px;
}
.frontend-pencraft-common-module__padding-80--2Lb_I {
  padding: 80px;
}
.frontend-pencraft-common-module__padding-120--3xL_3 {
  padding: 120px;
}

.frontend-pencraft-common-module__padding-y-0--3LLDJ {
  padding-top: 0;
  padding-bottom: 0;
}
.frontend-pencraft-common-module__padding-y-4--38ElK {
  padding-top: 4px;
  padding-bottom: 4px;
}
.frontend-pencraft-common-module__padding-y-6--vDfzk {
  padding-top: 6px;
  padding-bottom: 6px;
}
.frontend-pencraft-common-module__padding-y-8--32A8z {
  padding-top: 8px;
  padding-bottom: 8px;
}
.frontend-pencraft-common-module__padding-y-12--1XK1O {
  padding-top: 12px;
  padding-bottom: 12px;
}
.frontend-pencraft-common-module__padding-y-16--ax4dm {
  padding-top: 16px;
  padding-bottom: 16px;
}
.frontend-pencraft-common-module__padding-y-20--2z67n {
  padding-top: 20px;
  padding-bottom: 20px;
}
.frontend-pencraft-common-module__padding-y-24--XDHFv {
  padding-top: 24px;
  padding-bottom: 24px;
}
.frontend-pencraft-common-module__padding-y-32--IB2nY {
  padding-top: 32px;
  padding-bottom: 32px;
}
.frontend-pencraft-common-module__padding-y-40--2mhDW {
  padding-top: 40px;
  padding-bottom: 40px;
}
.frontend-pencraft-common-module__padding-y-80--1L_Cz {
  padding-top: 80px;
  padding-bottom: 80px;
}
.frontend-pencraft-common-module__padding-y-120--2Ebz9 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.frontend-pencraft-common-module__padding-x-0--2TdfF {
  padding-left: 0;
  padding-right: 0;
}
.frontend-pencraft-common-module__padding-x-4--bMbGr {
  padding-left: 4px;
  padding-right: 4px;
}
.frontend-pencraft-common-module__padding-x-6--1aHte {
  padding-left: 6px;
  padding-right: 6px;
}
.frontend-pencraft-common-module__padding-x-8--3FqKG {
  padding-left: 8px;
  padding-right: 8px;
}
.frontend-pencraft-common-module__padding-x-12--2L1BU {
  padding-left: 12px;
  padding-right: 12px;
}
.frontend-pencraft-common-module__padding-x-16--3YUSw {
  padding-left: 16px;
  padding-right: 16px;
}
.frontend-pencraft-common-module__padding-x-20--1KfRv {
  padding-left: 20px;
  padding-right: 20px;
}
.frontend-pencraft-common-module__padding-x-24--1Obod {
  padding-left: 24px;
  padding-right: 24px;
}
.frontend-pencraft-common-module__padding-x-32--3YkuD {
  padding-left: 32px;
  padding-right: 32px;
}
.frontend-pencraft-common-module__padding-x-40--3YmZc {
  padding-left: 40px;
  padding-right: 40px;
}
.frontend-pencraft-common-module__padding-x-80--1kqHE {
  padding-left: 80px;
  padding-right: 80px;
}
.frontend-pencraft-common-module__padding-x-120--2XbYb {
  padding-left: 120px;
  padding-right: 120px;
}

.frontend-pencraft-common-module__padding-top-0--3JKts {
  padding-top: 0;
}
.frontend-pencraft-common-module__padding-top-4--2Tjym {
  padding-top: 4px;
}
.frontend-pencraft-common-module__padding-top-6--3cZ4_ {
  padding-top: 6px;
}
.frontend-pencraft-common-module__padding-top-8--2V_tL {
  padding-top: 8px;
}
.frontend-pencraft-common-module__padding-top-12--32pN0 {
  padding-top: 12px;
}
.frontend-pencraft-common-module__padding-top-16--3FH_8 {
  padding-top: 16px;
}
.frontend-pencraft-common-module__padding-top-20--32TEg {
  padding-top: 20px;
}
.frontend-pencraft-common-module__padding-top-24--2y5l3 {
  padding-top: 24px;
}
.frontend-pencraft-common-module__padding-top-32--38A9I {
  padding-top: 32px;
}
.frontend-pencraft-common-module__padding-top-40--168gW {
  padding-top: 40px;
}
.frontend-pencraft-common-module__padding-top-80--1R1Th {
  padding-top: 80px;
}
.frontend-pencraft-common-module__padding-top-120--2BBPf {
  padding-top: 120px;
}

.frontend-pencraft-common-module__padding-bottom-0--O9FRd {
  padding-bottom: 0;
}
.frontend-pencraft-common-module__padding-bottom-4--2FddA {
  padding-bottom: 4px;
}
.frontend-pencraft-common-module__padding-bottom-6--7udLA {
  padding-bottom: 6px;
}
.frontend-pencraft-common-module__padding-bottom-8--L0TpD {
  padding-bottom: 8px;
}
.frontend-pencraft-common-module__padding-bottom-12--78dCx {
  padding-bottom: 12px;
}
.frontend-pencraft-common-module__padding-bottom-16--W90r_ {
  padding-bottom: 16px;
}
.frontend-pencraft-common-module__padding-bottom-20--3g8rh {
  padding-bottom: 20px;
}
.frontend-pencraft-common-module__padding-bottom-24--2kUum {
  padding-bottom: 24px;
}
.frontend-pencraft-common-module__padding-bottom-32--3AlGg {
  padding-bottom: 32px;
}
.frontend-pencraft-common-module__padding-bottom-40--1yemb {
  padding-bottom: 40px;
}
.frontend-pencraft-common-module__padding-bottom-80--7Kmhg {
  padding-bottom: 80px;
}
.frontend-pencraft-common-module__padding-bottom-120--YX5_s {
  padding-bottom: 120px;
}

@media screen and (max-width: 630px) {
  .frontend-pencraft-common-module__flex-direction-mobile-column--QEQMb {
    flex-direction: column;
  }
  .frontend-pencraft-common-module__flex-direction-mobile-row--2covw {
    flex-direction: row;
  }

  .frontend-pencraft-common-module__flex-direction-mobile-row-reverse--_Acue {
    flex-direction: row-reverse;
  }

  .frontend-pencraft-common-module__flex-direction-mobile-column-reverse--1tk_j {
    flex-direction: column-reverse;
  }

  .frontend-pencraft-common-module__flex-justify-mobile-start--10Ck6 {
    justify-content: flex-start;
  }

  .frontend-pencraft-common-module__flex-justify-mobile-space-between--1thWz {
    justify-content: space-between;
  }

  .frontend-pencraft-common-module__flex-justify-mobile-center--1ELDq {
    justify-content: center;
  }

  .frontend-pencraft-common-module__flex-justify-mobile-end--3qfew {
    justify-content: flex-end;
  }

  .frontend-pencraft-common-module__flex-align-mobile-start--Am1pD {
    align-items: flex-start;
  }

  .frontend-pencraft-common-module__flex-align-mobile-end--wM4Mu {
    align-items: flex-end;
  }

  .frontend-pencraft-common-module__flex-align-mobile-center--1HtZR {
    align-items: center;
  }

  .frontend-pencraft-common-module__flex-gap-mobile-0--17zPw {
    gap: 0;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-4--36m7v {
    gap: 4px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-6--2dloA {
    gap: 6px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-8--2qVaY {
    gap: 8px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-12--uXb6B {
    gap: 12px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-16--2onFW {
    gap: 16px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-20--1OKrw {
    gap: 20px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-24--6_4Ii {
    gap: 24px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-32--17QXx {
    gap: 32px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-40--14OJ6 {
    gap: 40px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-80--3KL2w {
    gap: 80px;
  }
  .frontend-pencraft-common-module__flex-gap-mobile-120--1oBaT {
    gap: 120px;
  }

  .frontend-pencraft-common-module__padding-mobile-0--L4Hki {
    padding: 0;
  }
  .frontend-pencraft-common-module__padding-mobile-4--94nEz {
    padding: 4px;
  }
  .frontend-pencraft-common-module__padding-mobile-6--nqbPK {
    padding: 6px;
  }
  .frontend-pencraft-common-module__padding-mobile-8--3akLr {
    padding: 8px;
  }
  .frontend-pencraft-common-module__padding-mobile-12--3AwxE {
    padding: 12px;
  }
  .frontend-pencraft-common-module__padding-mobile-16--1PnOi {
    padding: 16px;
  }
  .frontend-pencraft-common-module__padding-mobile-20--3AlKM {
    padding: 20px;
  }
  .frontend-pencraft-common-module__padding-mobile-24--dHZyP {
    padding: 24px;
  }
  .frontend-pencraft-common-module__padding-mobile-32--18S6A {
    padding: 32px;
  }
  .frontend-pencraft-common-module__padding-mobile-40--qHCzi {
    padding: 40px;
  }
  .frontend-pencraft-common-module__padding-mobile-80--3oPgN {
    padding: 80px;
  }
  .frontend-pencraft-common-module__padding-mobile-120--3raVs {
    padding: 120px;
  }

  .frontend-pencraft-common-module__padding-y-mobile-0--27NtC {
    padding-top: 0;
    padding-bottom: 0;
  }
  .frontend-pencraft-common-module__padding-y-mobile-4--MA3SC {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-6--2ktNk {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-8--1-xgA {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-12--1Gxu1 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-16--2Bn9G {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-20--1MnDX {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-24--21eSI {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-32--3LxMP {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-40--2qUAb {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-80--35tU1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .frontend-pencraft-common-module__padding-y-mobile-120--3VE_R {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .frontend-pencraft-common-module__padding-x-mobile-0--PtkwN {
    padding-left: 0;
    padding-right: 0;
  }
  .frontend-pencraft-common-module__padding-x-mobile-4--1dhXj {
    padding-left: 4px;
    padding-right: 4px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-6--3hOc- {
    padding-left: 6px;
    padding-right: 6px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-8--26X3h {
    padding-left: 8px;
    padding-right: 8px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-12--HLyv5 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-16--T3Ne1 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-20--25-W6 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-24--3LP_L {
    padding-left: 24px;
    padding-right: 24px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-32--1-AbR {
    padding-left: 32px;
    padding-right: 32px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-40--1tqgI {
    padding-left: 40px;
    padding-right: 40px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-80--3R7LV {
    padding-left: 80px;
    padding-right: 80px;
  }
  .frontend-pencraft-common-module__padding-x-mobile-120--23ON4 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .frontend-pencraft-common-module__padding-top-mobile-0--25R3Q {
    padding-top: 0;
  }
  .frontend-pencraft-common-module__padding-top-mobile-4--3St0o {
    padding-top: 4px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-6--21NCF {
    padding-top: 6px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-8--3wg7- {
    padding-top: 8px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-12--3e1OP {
    padding-top: 12px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-16--3-j4R {
    padding-top: 16px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-20--1mFOS {
    padding-top: 20px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-24--3xBqY {
    padding-top: 24px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-32--1FA3j {
    padding-top: 32px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-40--1UTqL {
    padding-top: 40px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-80--1kmzV {
    padding-top: 80px;
  }
  .frontend-pencraft-common-module__padding-top-mobile-120--IzR2I {
    padding-top: 120px;
  }

  .frontend-pencraft-common-module__padding-bottom-mobile-0--22yvu {
    padding-bottom: 0;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-4--3iYzN {
    padding-bottom: 4px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-6--1IU78 {
    padding-bottom: 6px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-8--1OnEN {
    padding-bottom: 8px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-12--2Z3YP {
    padding-bottom: 12px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-16--1O52g {
    padding-bottom: 16px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-20--1qjA7 {
    padding-bottom: 20px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-24--3F6_c {
    padding-bottom: 24px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-32--1Pl16 {
    padding-bottom: 32px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-40--16dfR {
    padding-bottom: 40px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-80--2egWl {
    padding-bottom: 80px;
  }
  .frontend-pencraft-common-module__padding-bottom-mobile-120--36GGe {
    padding-bottom: 120px;
  }
}

.frontend-pencraft-common-module__border-utility-detail--3D65v {
  border: 1px solid var(--color-utility-detail);
}
.frontend-pencraft-common-module__border-top-utility-detail--3VpJs {
  border-top: 1px solid var(--color-utility-detail);
}
.frontend-pencraft-common-module__border-bottom-utility-detail--25BkY {
  border-bottom: 1px solid var(--color-utility-detail);
}

.frontend-pencraft-common-module__border-radius-4--2bt1S {
  border-radius: var(--border-radius-4);
}
.frontend-pencraft-common-module__border-radius-8--2RF4u {
  border-radius: var(--border-radius-8);
}
.frontend-pencraft-common-module__border-radius-12--2PooU {
  border-radius: var(--border-radius-12);
}

.frontend-pencraft-common-module__min-width-0--1zGfI {
  min-width: 0;
}

.frontend-pencraft-common-module__shadow-md--1B7AN {
  box-shadow: var(--shadow-md);
}
.frontend-pencraft-common-module__shadow-xl--3cbYA {
  box-shadow: var(--shadow-xl);
}

.frontend-pencraft-common-module__bg-primary--3f79T {
  background-color: var(--color-bg-primary);
}
.frontend-pencraft-common-module__bg-utility-tooltip--31bWT {
  background-color: rgba(0, 0, 0, 0.9);
}
.frontend-pencraft-common-module__bg-primary--3f79T {
  background-color: var(--color-bg-primary);
}
.frontend-pencraft-common-module__bg-secondary--3uVJN {
  background-color: var(--color-substack-wash);
}

.frontend-pencraft-common-module__flexGrow--17h2O {
  flex: 1 1 1px;
}

.frontend-pencraft-common-module__overflowY-auto--YTtVD {
  overflow-y: auto;
}

.frontend-pencraft-Button-module__buttonBase--2lTCc {
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  padding: 0;
  appearance: none;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit
}

.frontend-pencraft-Button-module__buttonBase--2lTCc:disabled {
    cursor: unset;
  }

.frontend-pencraft-Button-module__button--3hZ0m {
  box-sizing: border-box;
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-text);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-600);
  letter-spacing: var(--letter-spacing-small);
  padding: 0 20px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: var(--border-radius-4);
}

/* Used for marketing pages */
.frontend-pencraft-Button-module__size_large--lsJrf {
  height: 52px;
  border-radius: 6px;
  font-size: 17px;
}

.frontend-pencraft-Button-module__iconButton--2gz9x {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 50%;
  flex: 0 0 auto
}

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__size_32--ZLlEb {
    width: 32px;
    height: 32px;
  }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__size_40--16CJn {
    width: 40px;
    height: 40px;
  }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__color_primary-text--1PyLr svg {
    stroke: var(--color-primary);
  }

/* TODO (kyle): not sure we need `empty` here. */

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_empty--1gFds:hover {
      background-color: var(--color-bg-secondary);
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_empty--1gFds:active {
      border-color: var(--color-tertiary);
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_empty--1gFds:disabled {
      color: var(--color-tertiary);
      border: none;
      background-color: transparent
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_empty--1gFds:disabled svg {
        stroke: var(--color-tertiary);
      }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_borderless--3xuC6 {
    background-color: var(--color-bg-secondary)
  }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_borderless--3xuC6:hover {
      background-color: var(--color-bg-tertiary);
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_borderless--3xuC6:active {
      border-color: var(--color-tertiary);
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_borderless--3xuC6:disabled {
      color: var(--color-tertiary);
      border: none;
      background-color: transparent
    }

.frontend-pencraft-Button-module__iconButton--2gz9x.frontend-pencraft-Button-module__fill_borderless--3xuC6:disabled svg {
        stroke: var(--color-tertiary);
      }

.frontend-pencraft-Button-module__rounded--2hE1H {
  border-radius: 100000000px;
}

.frontend-pencraft-Button-module__priority_primary--3Oxcs {
  color: var(--color-substack-accent)
}

.frontend-pencraft-Button-module__priority_primary--3Oxcs svg {
    stroke: var(--color-substack-accent);
  }
.frontend-pencraft-Button-module__priority_secondary--2PmO7 {
  color: var(--color-secondary)
}
.frontend-pencraft-Button-module__priority_secondary--2PmO7 svg {
    stroke: var(--color-secondary);
  }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_primary--3Oxcs:hover {
      background-color: var(--color-substack-accent-bg);
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_primary--3Oxcs:active {
      border-color: var(--color-substack-accent);
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_primary--3Oxcs:disabled {
      opacity: 0.5;
      border: none;
      background-color: none;
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_secondary--2PmO7:hover {
      background-color: var(--color-substack-wash);
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_secondary--2PmO7:active {
      border-color: var(--color-tertiary);
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_secondary--2PmO7:disabled {
      color: var(--color-tertiary);
      border: none;
      background-color: none
    }

.frontend-pencraft-Button-module__fill_empty--1gFds.frontend-pencraft-Button-module__priority_secondary--2PmO7:disabled svg {
        stroke: var(--color-tertiary);
      }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_primary--3Oxcs {
    background-color: var(--color-substack-accent);
    color: var(--color-bg-primary)
  }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_primary--3Oxcs svg {
      stroke: var(--color-bg-primary);
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_primary--3Oxcs:hover {
      background-color: #e75d17;
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_primary--3Oxcs:disabled {
      background-color: var(--color-substack-accent);
      opacity: 0.5;
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7 {
    border-color: var(--color-dark-primary);
    background-color: var(--color-substack-wash)
  }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7.frontend-pencraft-Button-module__outline_none--3tbcW {
      border-color: transparent;
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7:hover {
      background-color: #dedede;
      border-color: transparent;
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7:active {
      border-color: var(--color-tertiary);
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7:disabled {
      border-color: var(--color-dark-primary);
      background-color: var(--color-substack-wash);
      color: var(--color-tertiary)
    }

.frontend-pencraft-Button-module__fill_filled--3mJTN.frontend-pencraft-Button-module__priority_secondary--2PmO7:disabled svg {
        stroke: var(--color-tertiary);
      }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_primary--3Oxcs {
    border-color: var(--color-substack-accent)
  }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_primary--3Oxcs:hover {
      background-color: var(--color-substack-accent-bg);
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_primary--3Oxcs:active {
      border-color: #d95815;
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_primary--3Oxcs:disabled {
      opacity: 0.5;
      border-color: var(--color-substack-accent);
      background-color: transparent;
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_secondary--2PmO7 {
    border-color: var(--color-utility-detail)
  }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_secondary--2PmO7:hover {
      background-color: var(--color-substack-wash);
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_secondary--2PmO7:active {
      border-color: var(--color-tertiary);
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__priority_secondary--2PmO7:disabled {
      color: var(--color-tertiary);
      border-color: var(--color-utility-detail);
      background-color: transparent;
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__inverted--3hKVN {
    border-color: var(--color-substack-bg)
  }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__inverted--3hKVN svg {
      stroke: var(--color-substack-bg);
    }

.frontend-pencraft-Button-module__fill_outline--1D-T4.frontend-pencraft-Button-module__inverted--3hKVN:hover {
      background-color: #ffffff22;
    }

.frontend-pencraft-Text-module__align-left--1CeQx {
  text-align: left;
}
.frontend-pencraft-Text-module__align-center--21f80 {
  text-align: center;
}
.frontend-pencraft-Text-module__align-right--2aSHI {
  text-align: right;
}

.frontend-pencraft-Text-module__marketingHeading1--2faSI.frontend-pencraft-Text-module__marketingHeading1--2faSI {
  font-family: Cahuenga, serif;
  font-size: 55px;
  line-height: 68.2px;
}
.frontend-pencraft-Text-module__marketingHeading2--3kVJM.frontend-pencraft-Text-module__marketingHeading2--3kVJM {
  font-family: Cahuenga, serif;
  font-size: 38px;
  line-height: 40.13px;
}
.frontend-pencraft-Text-module__marketingHeading3--3VbJ0.frontend-pencraft-Text-module__marketingHeading3--3VbJ0 {
  font-family: Cahuenga, serif;
  font-size: 32px;
  line-height: 39.68px;
}
.frontend-pencraft-Text-module__marketingQuote--1DD9-.frontend-pencraft-Text-module__marketingQuote--1DD9- {
  font-family: Cahuenga, serif;
  font-size: 38px;
  line-height: 47px;
}
.frontend-pencraft-Text-module__marketingBody--3PyNX.frontend-pencraft-Text-module__marketingBody--3PyNX {
  font-size: 17px;
  letter-spacing: -0.45px;
  line-height: 23px;
}

@media screen and (max-width: 630px) {
  .frontend-pencraft-Text-module__marketingHeading1--2faSI.frontend-pencraft-Text-module__marketingHeading1--2faSI {
    font-size: 44px;
    line-height: 54.56px;
  }
  .frontend-pencraft-Text-module__marketingHeading2--3kVJM.frontend-pencraft-Text-module__marketingHeading2--3kVJM {
    font-size: 32px;
    line-height: 33.79px;
  }
  .frontend-pencraft-Text-module__marketingHeading3--3VbJ0.frontend-pencraft-Text-module__marketingHeading3--3VbJ0 {
    font-family: Cahuenga, serif;
    font-size: 28px;
    line-height: 34.72px;
  }
  .frontend-pencraft-Text-module__marketingQuote--1DD9-.frontend-pencraft-Text-module__marketingQuote--1DD9- {
    font-size: 28px;
    line-height: 35px;
  }
}

.frontend-components-NavBadge-module__badge--1pq8F {
  display: inline-flex;
  background: var(--color-substack-accent);
  padding: 0 6px;
  color: var(--color-bg-primary);
  height: 20px;
  align-items: center;
  border-radius: var(--border-radius-4);
}

.frontend-components-responsive_img-module__img--1l4UG {
  display: flex;
}


  .frontend-reader2-Page-module__pageStack--1UE8v > * + * {
    border-top: var(--border-default);
  }

.frontend-reader2-Page-module__pageStack--1UE8v.frontend-reader2-Page-module__gap_8--29h05 > *:not(:last-child) {
      padding-bottom: var(--size-8);
    }

.frontend-reader2-Page-module__pageStack--1UE8v.frontend-reader2-Page-module__gap_8--29h05 > * + * {
      padding-top: var(--size-8);
    }

.frontend-reader2-Page-module__pageStack--1UE8v.frontend-reader2-Page-module__gap_16--96PAe > *:not(:last-child) {
      padding-bottom: var(--size-16);
    }

.frontend-reader2-Page-module__pageStack--1UE8v.frontend-reader2-Page-module__gap_16--96PAe > * + * {
      padding-top: var(--size-16);
    }

.frontend-reader2-Page-module__linkRow--1QoCL {
  display: flex;
  flex-flow: column;
  margin: 0;
  width: 100%
}

.frontend-reader2-Page-module__linkRow--1QoCL.frontend-reader2-Page-module__isPadded--Gbh4N {
    padding: var(--size-16) 0
  }

@media (max-width: var(--nav-bp-2)) {

.frontend-reader2-Page-module__linkRow--1QoCL.frontend-reader2-Page-module__isPadded--Gbh4N {
      padding: var(--size-12) 0
  }
    }

.frontend-reader2-Page-module__linkRow--1QoCL.frontend-reader2-Page-module__isPadded--Gbh4N:first-child {
      padding-top: 0;
    }

.frontend-reader2-Page-module__linkRow--1QoCL.frontend-reader2-Page-module__isPadded--Gbh4N:last-child {
      padding-bottom: 0;
    }
.frontend-reader2-Page-module__linkRowA--1qCj1 {
  border: 1px solid transparent;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: var(--border-radius-8);
  padding: var(--size-8);
  margin: 0 calc(-1 * var(--size-8))
}
.frontend-reader2-Page-module__linkRowA--1qCj1.frontend-reader2-Page-module__isClickable--2TZNy {
    cursor: pointer
  }
.frontend-reader2-Page-module__linkRowA--1qCj1.frontend-reader2-Page-module__isClickable--2TZNy:hover {
      background-color: var(--color-bg-secondary);
    }

.frontend-reader2-Page-module__zero--26XB8 {
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  text-align: center
}

.frontend-reader2-Page-module__zero--26XB8 .zero-icon {
    stroke: var(--color-secondary);
    stroke-width: 1.5px
  }

.frontend-reader2-Page-module__zero--26XB8 .zero-icon * {
      stroke: var(--color-secondary);
      stroke-width: 1.5px;
    }

.frontend-reader2-Page-module__hoverLink--2Ojz_ {
  text-decoration: none
}

.frontend-reader2-Page-module__hoverLink--2Ojz_:hover {
    text-decoration: underline;
  }

.frontend-reader2-DrunkSpinner-module__container--2ZTeC {
  height: 56px;
}
.frontend-reader2-DrunkSpinner-module__drunkSpinner--gxqKi {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 2px solid var(--color-secondary);
  animation: frontend-reader2-DrunkSpinner-module__drunkSpin--1a9jP 2s infinite cubic-bezier(0.65, 0, 0.35, 1);
}
@keyframes frontend-reader2-DrunkSpinner-module__drunkSpin--1a9jP {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(810deg);
  }
}
  

:root {
  --border-radius: 4px;
}

.frontend-reader2-PubIcon-module__root--1N6Qk {
  position: relative;
  display: flex;
}

.frontend-reader2-PubIcon-module__custom--18GGc {
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
}

.frontend-reader2-PubIcon-module__custom--18GGc.frontend-reader2-PubIcon-module__hello--30PQZ {
  width: auto;
}

.frontend-reader2-PubIcon-module__placeholder--VwKmQ {
  font-family: Cahuenga, serif;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  color: white;
  background-color: black;
  font-weight: 800;
  font-size: 22px;
  line-height: 22px;
}

.frontend-reader2-Avatar-module__reader2Avatar--3bg03 {
    border-radius: 50%;
}
:root {
  --padder: 16px;
}

.frontend-reader2-PublicationHover-module__hoverBase--1cL0H {
  background: var(--color-bg-primary);

  display: block;
  position: absolute;

  border-radius: var(--border-radius-8);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--color-utility-detail);

  width: 344px;
  z-index: 2;
  visibility: visible;
  opacity: 1;
  padding: var(--padder);
  padding: 8px;
}

.frontend-reader2-PublicationHover-module__hoverDivider--1Etpl {
  box-sizing: border-box;
  border-top: 1px solid var(--color-utility-detail);
  height: 1px;
  width: 100%;
}

.frontend-reader2-PublicationHover-module__hoverAvatar--3fEr2 {
  display: flex;
  box-sizing: border-box;
  gap: 12px;
  align-items: center;
  padding: 8px;
  margin: 0;
  border-radius: var(--border-radius-4);
  text-decoration: none;
  height: 48px;
}
.frontend-reader2-PublicationHover-module__hoverAvatar--3fEr2:hover {
  background-color: var(--color-substack-wash);
}

.frontend-reader2-PublicationHover-module__hoverTitle--cS8jz:hover {
  text-decoration: underline;
}

.frontend-reader2-PublicationHover-module__hoverSeeAll--3rOC- {
  flex: 1 0;
  text-align: right;
  text-decoration: none;
}

.frontend-reader2-PublicationHover-module__hoverSeeAll--3rOC-:hover {
  text-decoration: underline;
}

.frontend-reader2-PublicationHover-module__placeholderContainer--2QN-P {
  display: flex;
  flex-flow: column;
  position: relative;
}

.frontend-reader2-PublicationHover-module__hoverClamp--2tzUg {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.frontend-reader2-Placeholder-module__reader2Placeholder--KstEx {
  background: linear-gradient(to right, #eeeeee, #fbfbfb, #eeeeee);
  background-size: 200% 100%;
  animation: frontend-reader2-Placeholder-module__travel--13EAu 1.5s linear infinite;
  border-radius: var(--border_radius);
}

@keyframes frontend-reader2-Placeholder-module__travel--13EAu {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.frontend-reader2-NotificationsPage-module__root--1WLCU {
  font-size: var(--font-size-default);
  line-height: var(--line-height-default);
  letter-spacing: var(--letter-spacing-default);
}

  .frontend-reader2-NotificationsPage-module__body--3oE4p > .frontend-reader2-NotificationsPage-module__notification--27Pvi + .frontend-reader2-NotificationsPage-module__notification--27Pvi {
      border-top: var(--border-default);
    }

  .frontend-reader2-NotificationsPage-module__notificationLink--1R6PM {
    display: flex;
    flex-flow: column;
    gap: var(--size-12);
  }

  .frontend-reader2-NotificationsPage-module__container--Wo67i {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--size-16)
  }

  .frontend-reader2-NotificationsPage-module__container--Wo67i a {
      text-decoration: none
    }

  .frontend-reader2-NotificationsPage-module__container--Wo67i a:hover {
        text-decoration: underline;
      }

  .frontend-reader2-NotificationsPage-module__textContainer--wLlb0 {
    display: flex;
    flex: 1 1 1px;
    min-width: 0;
    flex-flow: column;
    gap: var(--size-4);
  }

  .frontend-reader2-NotificationsPage-module__pubLogo--9X46C {
    width: var(--size-32);
    height: var(--size-32);
    border-radius: var(--border-radius-4);
  }

  .frontend-reader2-NotificationsPage-module__head--67Xq8 {
    flex: 1 1 auto;
  }

  .frontend-reader2-NotificationsPage-module__name--1sU8q, b {
    font-weight: 600;
  }

  .frontend-reader2-NotificationsPage-module__light--U-VVC {
    color: var(--color-tertiary);
  }
  .frontend-reader2-NotificationsPage-module__time--1kvgN {
    white-space: nowrap;
  }

  .frontend-reader2-NotificationsPage-module__avatarContainer--2LV9T {
    position: relative;
    display: flex
  }

  .frontend-reader2-NotificationsPage-module__avatarContainer--2LV9T:hover {
      opacity: 0.8;
    }
  .frontend-reader2-NotificationsPage-module__avatar--1zIO0 {
    width: var(--size-40);
    height: var(--size-40);
    border-radius: 100%;
  }
  .frontend-reader2-NotificationsPage-module__heartContainer--1lBNy {
    position: absolute;
    bottom: -4px;
    right: -8px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid var(--color-substack-bg);
    box-sizing: border-box
  }
  .frontend-reader2-NotificationsPage-module__heartContainer--1lBNy.frontend-reader2-NotificationsPage-module__notification-like---uMZM {
      background-color: var(--color-heart);
    }
  .frontend-reader2-NotificationsPage-module__heartContainer--1lBNy.frontend-reader2-NotificationsPage-module__notification-reply--2IjDa {
      background-color: var(--color-blue); 
    }
  .frontend-reader2-NotificationsPage-module__heartContainer--1lBNy.frontend-reader2-NotificationsPage-module__notification-comment--2g2Wi {
      background-color: var(--color-green); 
    }
  .frontend-reader2-NotificationsPage-module__heartContainer--1lBNy svg {
      stroke: none;
      fill: white;
      width: 12px;
      height: 12px;
    }

.frontend-reader2-Notifications-module__root--n0pTs {
  position: relative;
}

.main-menu .navbar-buttons .frontend-reader2-Notifications-module__trigger--sfZsc svg {
    stroke: var(--color-secondary);
  }

.use-theme-bg .navbar-buttons .frontend-reader2-Notifications-module__trigger--sfZsc {
  background-color: var(--background_contrast_1)
}

.use-theme-bg .navbar-buttons .frontend-reader2-Notifications-module__trigger--sfZsc svg {
    stroke: var(--color-secondary-with-theme);
  }

.use-theme-bg .navbar-buttons .frontend-reader2-Notifications-module__trigger--sfZsc:hover {
    background-color: var(--background_contrast_2);
  }

.use-theme-bg .navbar-buttons .frontend-reader2-Notifications-module__trigger--sfZsc:active {
    background-color: var(--background_contrast_2);
  }

.transparent-nav--on-dark .homepage-nav .frontend-reader2-Notifications-module__trigger--sfZsc {
  border-color: white
}

.transparent-nav--on-dark .homepage-nav .frontend-reader2-Notifications-module__trigger--sfZsc svg {
    stroke: white;
  }

.transparent-nav--on-dark .homepage-nav .frontend-reader2-Notifications-module__trigger--sfZsc:hover {
    background-color: transparent;
  }

.frontend-reader2-Notifications-module__badge--3-jZf {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
}

.frontend-reader2-Notifications-module__dropdown--2RtmE {
  z-index: 2;
}

.frontend-editor-audio_editor2-module__podcastPaywallMenuButton--12La0 {
    position: absolute;
    top: -15px;
    right: -15px;
}

.frontend-editor-audio_editor2-module__paywallMenuDropdown--2Mtwt {
    text-align: left;
}

.frontend-editor-audio_editor2-module__paywallMenuDropdownItem--2tv9l {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}

.frontend-editor-audio_editor2-module__paywallMenuDropdownIcon--1-8GG {
    margin-right: 2px;
    min-width: 24px;
}

.frontend-editor-audio_editor2-module__paywallMenuDropdownItemTop--10HV1 {
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.frontend-editor-audio_editor2-module__paywallMenuDropdownDeleteItem--8asnD {
    stroke: var(--color-error) !important;
    color: var(--color-error) !important;
}

.frontend-pencraft-FilePicker-module__dragArea--2APmT {
  cursor: pointer;
  display: flex;
  min-height: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: white;
  border: 1px dashed var(--color-utility-detail);
  border-radius: var(--border-radius-8);
}

.frontend-pencraft-FilePicker-module__dragActive--PnBq- {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-secondary);
}

/* increase specificity to wipe out some leaky styles */
.frontend-pencraft-FilePicker-module__text--3utCU.frontend-pencraft-FilePicker-module__text--3utCU.frontend-pencraft-FilePicker-module__text--3utCU {
  color: var(--color-secondary);
  font-size: 14px;
  margin-top: 8px;
}

.frontend-pencraft-FilePicker-module__icon--1szaw {
  stroke: var(--color-secondary);
  pointer-events: none;
}

.frontend-pencraft-FilePicker-module__browse--2W1OB.frontend-pencraft-FilePicker-module__browse--2W1OB.frontend-pencraft-FilePicker-module__browse--2W1OB {
  color: var(--color-pub-accent);
  cursor: pointer;
}

.frontend-pencraft-FilePicker-module__file--1BQ3Z {
  display: none;
}

.frontend-editor-plugins-menu-InsertAudioModal-module__uploadIcon--2vsP5 {
  color: var(--color-secondary);
  margin-bottom: 8px;
}

.frontend-editor-plugins-menu-InsertAudioModal-module__fileUpload--3D2V7 {
  height: 192px;
  box-sizing: border-box;
}

.frontend-components-audio-module__themedSelectOption--298hw {
    box-sizing: border-box;
    display: block;
    padding: 12px 24px;
    color: var(--print_secondary_on_web_bg_color, #757575);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.15px;
    border-radius: 4px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 5px;
}

.frontend-components-audio-module__themedSelectOption--298hw:hover {
    background: var(--background_contrast_1);
}

.frontend-components-audio-module__noUnderline--18Qgy {
    text-decoration-line: none;
}

:root {
  --img-transition: background-color var(--animation-timing-fast) var(--animation-smoothing);
}

.frontend-components-ImageViewerModal-module__wholeModal--3r6ny {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center
}

.frontend-components-ImageViewerModal-module__wholeModal--3r6ny picture {
    display: flex;
  }

.frontend-components-ImageViewerModal-module__chrome--1xusK {
  display: flex;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s;
  opacity: 1
}

.frontend-components-ImageViewerModal-module__chrome--1xusK.frontend-components-ImageViewerModal-module__inactive--1gxOI {
    opacity: 0;
  }

.frontend-components-ImageViewerModal-module__modalImageButtonContainer--1r2QT {
  z-index: 2;
}

.frontend-components-ImageViewerModal-module__modalImageButton--3fvrK {
  padding: 0 !important;
  background-color: rgba(0, 0, 0, .33);
  transition: var(--img-transition);
}

.frontend-components-ImageViewerModal-module__modalImageButton--3fvrK:hover {
  background: rgba(0, 0, 0, .66);
}

.frontend-components-ImageViewerModal-module__modalImageSidebar--1xe2y {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  transition: var(--img-transition);
  cursor: pointer;
  top: 0; 
  bottom: 0; 
}

.frontend-components-ImageViewerModal-module__modalImageSidebar--1xe2y:hover {
  background-color: rgba(0, 0, 0, .1);
}

.frontend-components-ImageViewerModal-module__modalBody--5de4a {
  padding: 16px;
  display: flex;
  justify-content: center;
  max-width: 100%;
  height: auto;
}

.frontend-components-ImageViewerModal-module__imgContainer--qjaNp {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.frontend-components-ImageViewerModal-module__img--WKP7Q {
  max-width: 100%;
  max-height: 100%;
  cursor: zoom-out;
  box-shadow: var(--shadow-xl);
  transition: opacity var(--animation-timing-fast)
}
.frontend-components-ImageViewerModal-module__img--WKP7Q.frontend-components-ImageViewerModal-module__isLoading--2ZBW4 {
    opacity: 0;
  }
.frontend-components-ImageViewerModal-module__moreOptionsMenu--kB3Fp {
  width: 200px;
  z-index: 100;
  background-color: var(--color-substack-bg);
  padding: 8px;
  border: 1px solid var(--color-utility-detail);
  border-radius: 6px;
}

.frontend-components-ImageViewerModal-module__moreOptionsMenuItem--2OyoI {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 48px;
  padding: 0px 8px;
  gap: 12px;
  border-radius: var(--border-radius-4);
}

.frontend-components-ImageViewerModal-module__moreOptionsMenuItem--2OyoI:hover {
  background:  var(--color-bg-secondary);
}

.frontend-components-ImageViewerModal-module__zIndexStyling--2Tyyz {
  z-index: 100;
}

.frontend-components-prompts-WriterShareModal-module__toast--wc1bo {
    z-index: 11;
    margin-bottom: 72px;
}
@media screen and (max-width: 540px) {
    .frontend-components-prompts-WriterShareModal-module__toast--wc1bo {
        margin-bottom: 20px;
    }
}

.frontend-components-prompts-WriterShareModal-module__cta--3LjvC {
    color: white;
    font-family: 'SF Pro Text', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}

.frontend-components-prompts-WriterShareModal-module__modal--3G8F3 {
    z-index: 10;
}
.frontend-components-PressKitImage-module__root--3Peca {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 20px;
}

.frontend-components-PressKitImage-module__tableRoot--o7k15 {
  align-items: center;
  margin: 20px 20px;
}

.frontend-components-PressKitImage-module__image--2T57z {
  flex: 1;
  max-width: 100%;
  width: 482px;
}
  
.frontend-components-PressKitImage-module__imageEmail--1E7CP {
  flex: 1;
  max-width: 100%;
  width: 241px;
  height: 241px;
}

.frontend-components-PressKitImage-module__text--3w_-X {
  flex:1;
  margin: auto;
}
.frontend-main-PressKitPage-module__container--2bIzE {
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto;
  justify-content: center;
  max-width: 1084px;
}

.frontend-main-PressKitPage-module__text--zm4O5 {
  margin: 20px;
  text-align: center;
}

.frontend-substack-signup_page-import_list_box-module__selectCSVBtn--pd6kk {
  margin-top: 8px;
}

.frontend-lib-ProfileSetupToast-module__wrapper--3wUl- {
  background-color: var(--color-substack-bg);
  max-width: 440px;
  min-height: 250px;
  border-radius: var(--border-radius-8);
  border: solid 1px var(--color-dark-primary);
  padding: 26px 24px 16px 24px;
  box-sizing: border-box;
  color: var(--color-dark-detail);

  /* TODO: Refactor as a text component */
  font-family: var(--font-family-title);
  font-size: 16px;
  line-height: 24px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.frontend-lib-ProfileSetupToast-module__headerRow--17w27 {
  flex-direction: row-reverse;
}

/* TODO: CSS variables don't work in media query declarations */
@media (max-width: 540px) {
  .frontend-lib-ProfileSetupToast-module__headerRow--17w27 {
    flex-wrap: wrap;
  }
}

/* TODO: Refactor as a text component */
.frontend-lib-ProfileSetupToast-module__header--fKsNz {
  color: var(--color-text-dark-pencraft);
}

.frontend-lib-ProfileSetupToast-module__wrapper--3wUl- svg {
  stroke: var(--color-substack-secondary);
}


/*# sourceMappingURL=main.css.map*/