.pn-title {color: var(--text-dark-primary); font-weight: 650;}
.pn-display-1 {font-size: var(--display-1-font-size); line-height: var(--display-1-line-height); letter-spacing: var(--display-1-letter-spacing);}
.pn-display-2 {font-size: var(--display-2-font-size); line-height: var(--display-2-line-height); letter-spacing: var(--display-2-letter-spacing);}
.pn-display-3 {font-size: var(--display-3-font-size); line-height: var(--display-3-line-height); letter-spacing: var(--display-3-letter-spacing);}

.pn-heading {color: var(--text-dark-primary); font-weight: 650;}
.pn-heading-1 {font-size: var(--heading-1-font-size); line-height: var(--heading-1-line-height); letter-spacing: var(--heading-1-letter-spacing);}
.pn-heading-2 {font-size: var(--heading-2-font-size); line-height: var(--heading-2-line-height); letter-spacing: var(--heading-2-letter-spacing);}
.pn-heading-3 {font-size: var(--heading-3-font-size); line-height: var(--heading-3-line-height); letter-spacing: var(--heading-3-letter-spacing);}
.pn-heading-4 {font-size: var(--heading-4-font-size); line-height: var(--heading-4-line-height); letter-spacing: var(--heading-4-letter-spacing);}
.pn-heading-5 {font-size: var(--heading-5-font-size); line-height: var(--heading-5-line-height); letter-spacing: var(--heading-5-letter-spacing);}
.pn-heading-6 {font-size: var(--heading-6-font-size); line-height: var(--heading-6-line-height); letter-spacing: var(--heading-6-letter-spacing);}

.pn-txt-body {color: var(--text-dark-primary); font-weight: 650;}
.pn-txt-body-1 {font-size: var(--body-1-font-size); line-height: var(--body-1-line-height); letter-spacing: var(--body-1-letter-spacing)}
.pn-txt-body-2 {font-size: var(--body-2-font-size); line-height: var(--body-2-line-height); letter-spacing: var(--body-2-letter-spacing)}
.pn-txt-body-3 {font-size: var(--body-3-font-size); line-height: var(--body-3-line-height); letter-spacing: var(--body-3-letter-spacing)}
.pn-txt-body-4 {font-size: var(--body-4-font-size); line-height: var(--body-4-line-height); letter-spacing: var(--body-4-letter-spacing)}
.pn-txt-body-5 {font-size: var(--body-6-font-size); line-height: var(--body-6-line-height); letter-spacing: var(--body-6-letter-spacing)}

.pn-txt-p {color: var(--text-dark-primary); font-weight: 650;}
.pn-txt-p-1 {font-size: var(--paragraph-1-font-size); line-height: var(--paragraph-1-line-height); letter-spacing: var(--paragraph-1-letter-spacing);}
.pn-txt-p-2 {font-size: var(--paragraph-2-font-size); line-height: var(--paragraph-2-line-height); letter-spacing: var(--paragraph-2-letter-spacing);}
.pn-txt-p-3 {font-size: var(--paragraph-3-font-size); line-height: var(--paragraph-3-line-height); letter-spacing: var(--paragraph-3-letter-spacing);}
.pn-txt-p-4 {font-size: var(--paragraph-4-font-size); line-height: var(--paragraph-4-line-height); letter-spacing: var(--paragraph-4-letter-spacing);}

.pn-caption {
font-size: var(--caption-1-font-size); font-weight: 650; line-height: var(--caption-1-line-height); letter-spacing: var(--caption-1-letter-spacing); display: flex; gap: var(--gap-sm); color: var(--text-dark-primary);}
.pn-caption.pn-caret:before {content: ""; display: inline-block; width: 12px; height: 12px; background-color: var(--text-dark-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat;}
.pn-caption.up {color: var(--text-success);}
.pn-caption.up.pn-caret:before {transform: rotate(180deg); background-color: var(--text-success);}
.pn-caption.down {color: var(--text-error);}
.pn-caption.down.pn-caret:before {background-color: var(--text-error);}
.pn-caption.neutral {color: var(--neutral-default);}
.pn-caption.neutral.pn-caret:before {transform: rotate(-90deg); background-color: var(--text-dark-primary);}