/**
 * ============================================================================
 * GENERIC STYLES FOR SVG CHARTS.
 * This work is protected by copyright laws and international treaties.
 * Copyright (c) 2014-2025, Dr. Andrew J. Marsh.
 * All Rights Reserved.
 * ============================================================================
 * cspell:ignore horz hilite
 */

.pd-svg.interactive {
    cursor: move;
}

.pd-svg.crosshair {
    cursor: crosshair;
}

/*
 * ==================================================================
 * ===== GENERAL STYLES =============================================
 * ==================================================================
 */

 .pd-svg .selected {
    opacity: 1.0 !important;
    stroke-opacity: 1.0 !important;
    fill-opacity: 0.9 !important;
}

.pd-svg .unselected {
    opacity: 0.25 !important;
}

/* --- Cursor ---------------------------------------------------- */

.pd-svg .cursor-vert {
    cursor: ns-resize;
}

.pd-svg .cursor-horz {
    cursor: ew-resize;
}

.pd-svg .cursor-hand {
    cursor: pointer;
}

.pd-svg .no-pointer {
    pointer-events: none;
}

/* --- Line Styles  ---------------------------------------------- */

.pd-svg .line {
    fill: none;
}

.pd-svg .line.fill {
    fill: unset;
}

.pd-svg .line.grid {
    stroke-opacity: 0.5;
    stroke: #777;
}

html.dark .pd-svg.use-theme .line.grid {
    stroke: #999;
}

.pd-svg .line.axis {
    stroke: #666;
}

html.dark .pd-svg.use-theme .line.axis {
    stroke: #DDD;
}

.pd-svg .line.dark {
    stroke: #444;
}

html.dark .pd-svg.use-theme .line.dark {
    stroke: #EEE;
}

.pd-svg .line.black {
    stroke: #000;
}

html.dark .pd-svg.use-theme .line.black {
    stroke: #FFF;
}

.pd-svg .line.white {
    stroke: #FFF;
}

html.dark .pd-svg.use-theme .line.white {
    stroke: #000;
}

.pd-svg .line.red,
.pd-svg .line.hilite {
    stroke: #F00;
}

html.dark .pd-svg.use-theme .line.hilite {
    stroke: #F66;
}

.pd-svg .line.solar,
.pd-svg .line.orange {
    stroke: #F90;
}

.pd-svg .line.blue {
    stroke: #00F;
}

.pd-svg .line.green {
    stroke: #0F0;
}

.pd-svg .line.yellow {
    stroke: #FF0;
}

.pd-svg .line.body-bg,
.pd-svg .marker.body-bg {
    stroke: var(--bs-body-bg)
}

.pd-svg .line.body-bg-lighter,
.pd-svg .marker.body-bg-lighter {
    stroke: var(--bs-body-bg-lighter)
}

.pd-svg .line.body-bg-darker,
.pd-svg .marker.body-bg-darker {
    stroke: var(--bs-body-bg-darker)
}

.pd-svg .line.body,
.pd-svg .marker.body {
    stroke: var(--bs-body-color)
}

/* ----- */

.pd-svg .finer {
    stroke-width: 0.15px !important;
}

.pd-svg .fine {
    stroke-width: 0.25px !important;
}

.pd-svg .thinner {
    stroke-width: 0.5px !important;
}

.pd-svg .thin {
    stroke-width: 0.75px !important;
}

.pd-svg .line.normal,
.pd-svg .marker.normal {
    stroke-width: 1px !important;
}

.pd-svg .thick {
    stroke-width: 1.25px !important;
}

.pd-svg .thicker {
    stroke-width: 1.5px !important;
}

.pd-svg .fat {
    stroke-width: 2.0px !important;
    stroke-linejoin: round;
}

.pd-svg .fatter {
    stroke-width: 3.0px !important;
    stroke-linejoin: round;
}

/* ----- */

.pd-svg .solid {
    stroke-dasharray: none;
}

.pd-svg .dotted,
.pd-svg .dash-1-4 {
    stroke-dasharray: 1, 4;
}

.pd-svg .dashed,
.pd-svg .dash-2-3 {
    stroke-dasharray: 2, 3;
}

.pd-svg .dash-2-4 {
    stroke-dasharray: 2, 4;
}

.pd-svg .dash-2-6 {
    stroke-dasharray: 2, 6;
}

.pd-svg .dash-3-9 {
    stroke-dasharray: 3, 9;
}

.pd-svg .dash-4-3 {
    stroke-dasharray: 4, 3;
}

.pd-svg .dash-4-4 {
    stroke-dasharray: 4, 4;
}

/* ----- */

.pd-svg .line.outlined,
.pd-svg .marker.outlined,
.pd-svg .stroke.outlined {
    outline: 0.1vmin solid red;
    stroke: red !important;
    stroke-width: 0.1vmin;
}

.pd-svg .line.outlined,
.pd-svg .stroke.outlined {
    stroke-dasharray: 2
}

.pd-svg .line.selected {
    stroke-width: 2px !important;
    stroke: #F00 !important;
}

/* --- Special Lines  -------------------------------------------- */

.pd-svg .stroke.none {
    stroke: none !important;
}

/* --- Fill Styles  ---------------------------------------------- */

.pd-svg .fill {
    stroke: none;
}

.pd-svg .fill.line {
    stroke: unset;
}

.pd-svg .fill.grid {
    fill: #888;
}

html.dark .pd-svg.use-theme .fill.grid {
    fill: #CCC;
}

.pd-svg .fill.axis {
    fill: #666;
}

html.dark .pd-svg.use-theme .fill.axis {
    fill: #DDD;
}

.pd-svg .fill.dark {
    fill: #444;
}

html.dark .pd-svg.use-theme .fill.dark {
    fill: #EEE;
}

.pd-svg .fill.black {
    fill: #000;
}

html.dark .pd-svg.use-theme .fill.black {
    fill: #FFF;
}

.pd-svg .fill.white {
    fill: #FFF;
}

html.dark .pd-svg.use-theme .fill.white {
    fill: #000;
}

.pd-svg .fill.red,
.pd-svg .fill.hilite {
    fill: #F00;
}

html.dark .pd-svg.use-theme .fill.hilite {
    fill: #F66;
}

.pd-svg .fill.solar,
.pd-svg .fill.yellow {
    fill: #FF0;
}

.pd-svg .fill.map {
    fill: #aad3df;
}

.pd-svg .fill.darken {
    fill-opacity: 0.025;
    fill: #000;
}

.pd-svg .fill.lighten {
    fill-opacity: 0.01;
    fill: #FFF;
}

.pd-svg .fill.body-bg {
    fill: var(--bs-body-bg)
}

.pd-svg .fill.body-bg-lighter {
    fill: var(--bs-body-bg-lighter)
}

.pd-svg .fill.body-bg-darker {
    fill: var(--bs-body-bg-darker)
}

.pd-svg .fill.body {
    fill: var(--bs-body-color)
}

/* --- FILLS DERIVATION ---
 * daylight:     b3d1ff = 179, 209, 255 :: [ 0.70, 0.80, 1.00 ]
 * civil:        6699CC = 102, 153, 204 :: [ 0.40, 0.60, 0.80 ]
 * nautical:     336699 =  51, 102, 153 :: [ 0.20, 0.40, 0.60 ]
 * astronomical: 003366 =   0,  51, 102 :: [ 0.00, 0.20, 0.60 ]
 * nighttime:    001122 =   0,  17,  34 :: [ 0.00, 0.07, 0.14 ]
 */

.pd-svg .fill.day,
.pd-svg .fill.daylight {
    fill: #b3d1ff !important;
}

 .pd-svg .fill.civil {
    fill: #69C !important;
}

.pd-svg .fill.nautical {
    fill: #369 !important;
}

.pd-svg .fill.astronomical {
    fill: #036 !important;
}

.pd-svg .fill.night {
    fill: #012 !important;
}

.pd-svg .fill.timezone {
    fill: #66b8ff;
    stroke: none;
}

[data-bs-theme=dark] .pd-svg .fill.timezone {
    fill: #ffff00;
}

/* --- Text Styles  ---------------------------------------------- */

.pd-svg text {
    font-family: sans-serif;
    stroke: none;
}

.pd-svg .text.grid {
    fill: #888;
}

html.dark .pd-svg.use-theme .text.grid {
    fill: #CCC;
}

.pd-svg .text.axis {
    fill: #666;
}

html.dark .pd-svg.use-theme .text.axis {
    fill: #DDD;
}

.pd-svg .text.dark {
    fill: #444;
}

html.dark .pd-svg.use-theme .text.dark {
    fill: #EEE;
}

.pd-svg .text.black {
    fill: #000;
}

html.dark .pd-svg.use-theme .text.black {
    fill: #FFF;
}

.pd-svg .text.white {
    fill: #FFF;
}

html.dark .pd-svg.use-theme .text.white {
    fill: #000;
}

.pd-svg .text.red,
.pd-svg .text.hilite {
    fill: #F00;
}

html.dark .pd-svg.use-theme .text.hilite {
    fill: #F66;
}

.pd-svg .text.solar,
.pd-svg .text.yellow {
    fill: #FF0;
}

.pd-svg .text.green {
    fill: #0F0;
}

.pd-svg .text.blue {
    fill: #00F;
}

.pd-svg .text.body-bg {
    fill: var(--bs-body-bg)
}

.pd-svg .text.body-bg-lighter {
    fill: var(--bs-body-bg-lighter)
}

.pd-svg .text.body-bg-darker {
    fill: var(--bs-body-bg-darker)
}

.pd-svg .text.body {
    fill: var(--bs-body-color)
}

/* ----- */

.pd-svg .text.bold {
    font-weight: bold;
}

.pd-svg text.bold6:nth-of-type(6n + 1),
.pd-svg text.bold9:nth-of-type(9n + 1) {
    font-weight: bold;
    font-size: 0.9em;
}

.pd-svg.large text.bold6:nth-of-type(6n + 1),
.pd-svg.large text.bold9:nth-of-type(9n + 1) {
    font-size: 1.1em;
}

.pd-svg text.bold3:nth-of-type(3n + 1) {
    font-weight: bold;
    font-size: 0.8em;
}

/* ----- */

.pd-svg .text.small {
    font-size: 0.65em;
}

.pd-svg .text.smaller {
    font-size: 0.5em;
}

.pd-svg .text.normal {
    font-size: 0.75em;
}

.pd-svg .text.large {
    font-size: 0.85em;
}

.pd-svg .text.larger {
    font-size: 1.0em;
}

.pd-svg .text.title {
    font-size: 1.25em;
}

/* ----- */

.pd-svg .font-xs {
    font-size: 0.6em !important;
}

.pd-svg .font-sm {
    font-size: 0.76em !important;
}

.pd-svg .font-md {
    font-size: 0.85em !important;
}

.pd-svg .font-lg {
    font-size: 1.0em !important;
}

.pd-svg .font-xl {
    font-size: 1.1em !important;
}

/* ----- */

.pd-svg .text.overlay {
    font-weight: bold;
}

/* --- Marker Styles --------------------------------------------- */

.pd-svg .marker.black-white {
    stroke: #000;
    fill: #FFF;
}

.pd-svg .marker.grid {
    stroke-opacity: 0.5;
    stroke: #777;
    fill-opacity: 0.5;
    fill: #777;
}

html.dark .pd-svg.use-theme .marker.grid {
    stroke: #999;
    fill: #999;
}

.pd-svg .marker.axis {
    stroke: #666;
    fill: #666;
}

html.dark .pd-svg.use-theme .marker.axis {
    stroke: #DDD;
    fill: #DDD;
}

.pd-svg .marker.dark {
    stroke: #444;
    fill: #444;
}

html.dark .pd-svg.use-theme .marker.dark {
    stroke: #EEE;
    fill: #EEE;
}

.pd-svg .marker.black {
    stroke: #000;
    fill: #000;
}

html.dark .pd-svg.use-theme .marker.black {
    stroke: #FFF;
    fill: #FFF;
}

.pd-svg .marker.white {
    stroke: #FFF;
    fill: #FFF;
}

html.dark .pd-svg.use-theme .marker.white {
    stroke: #000;
    fill: #000;
}

.pd-svg .marker.red,
.pd-svg .marker.hilite {
    stroke: #F00;
    fill: #F00;
}

html.dark .pd-svg.use-theme .marker.hilite {
    stroke: #F66;
    fill: #F66;
}

.pd-svg .marker.solar,
.pd-svg .marker.orange {
    stroke: #F90;
    fill: #F90;
}

.pd-svg .marker.blue {
    stroke: #00F;
    fill: #00F;
}

.pd-svg .marker.green {
    stroke: #0C0;
    fill: #0C0;
}

.pd-svg .marker.yellow {
    stroke: #FF0;
    fill: #FF0;
}

















/* --- Text Types ------------------------------------------------ */

.pd-svg .text-bold {
    font-weight: bold;
}

.pd-svg .text-grid {
    stroke: none;
    fill: #888;
}

.pd-svg .text-axis {
    stroke: none;
    fill: #000;
}

.pd-svg .text-dark {
    stroke: none;
    fill: #666;
}

.pd-svg text.bold6:nth-of-type(6n + 1),
.pd-svg text.bold9:nth-of-type(9n + 1) {
    font-weight: bold;
    font-size: 0.9em;
}

.pd-svg.large text.bold6:nth-of-type(6n + 1),
.pd-svg.large text.bold9:nth-of-type(9n + 1) {
    font-size: 1.1em;
}

.pd-svg text.bold3:nth-of-type(3n + 1) {
    font-weight: bold;
    font-size: 0.8em;
}

.pd-svg .text-hilite {
    font-size: 0.75em;
    font-weight: 500;
    stroke: none;
}

.pd-svg .text-hilite.small {
    font-size: 0.65em;
}

.pd-svg .text-hilite.large {
    font-size: 0.85em;
}

.pd-svg .hilite text,
.pd-svg .text-grid.hilite,
.pd-svg .text-axis.hilite,
.pd-svg .text-hilite {
    fill: #F00 !important;
}

.pd-svg .text-marker {
    font-size: 0.75em;
    font-weight: 500;
    stroke: none;
    fill: #000;
}

.pd-svg .text-marker.small {
    font-size: 0.65em;
}

.pd-svg .text-marker.large {
    font-size: 0.85em;
}

.pd-svg .text-blue {
    font-size: 1.0em;
    stroke: none;
    fill: #00F;
}

.pd-svg .text-title {
    font-size: 1.2em;
}

.pd-svg .text-overlay {
    text-shadow: 0px 0px 5px #fff;
    font-size: 9pt;
    stroke: none;
}

.pd-svg .text-title-small {
    font-weight: bold;
    font-size: 0.85em;
}

.pd-svg .text-empty {
    font-size: 1.25em;
    font-weight: 600;
    stroke: none;
    fill: #ccc;
}

/* --- Stroke Color ---------------------------------------------- */

.pd-svg .stroke-none {
    stroke: none !important;
}

.pd-svg .stroke-black {
    stroke: #000 !important;
}

.pd-svg .stroke-dark {
    stroke: #444 !important;
}

.pd-svg .stroke-axis {
    stroke: #666 !important;
}

.pd-svg .stroke-grid {
    stroke: #888 !important;
    stroke-opacity: 0.5;
}

.pd-svg .stroke-hilite {
    stroke: #F00 !important;
}

.pd-svg .stroke-solar {
    stroke: #F90 !important;
}

/* --- Stroke Width ---------------------------------------------- */

.pd-svg .stroke-thinner {
    stroke-width: 0.5px;
}

.pd-svg .stroke-thin {
    stroke-width: 0.75px;
}

.pd-svg .stroke-std {
    stroke-width: 1px;
}

.pd-svg .stroke-thick {
    stroke-width: 1.25px;
}

.pd-svg .stroke-thicker {
    stroke-width: 1.5px;
}

.pd-svg .stroke-fat {
    stroke-linejoin: round;
    stroke-width: 2.0px;
}

.pd-svg .stroke-fatter {
    stroke-linejoin: round;
    stroke-width: 4.0px;
}

/* --- Stroke Types ---------------------------------------------- */

.pd-svg .stroke-dashed {
    stroke-dasharray: 2, 3;
}

.pd-svg .stroke-dotted {
    stroke-dasharray: 1, 4;
}

.pd-svg .stroke-ghost {
    stroke: #666 !important;
    stroke-dasharray: 1, 2;
    stroke-width: 1px;
}

.pd-svg .stroke-none {
    stroke: none !important;
}

.pd-svg .stroke-outlined {
    outline: red solid 2px;
    stroke: red !important;
    stroke-dasharray: 1, 2;
    stroke-width: 2px; /* !!! ---------- */
}

.pd-svg .stroke-selected {
    stroke-width: 2px !important;
    stroke: #F00 !important;
}

.pd-svg .stroke-solid {
    stroke-opacity: 1.0 !important;
    stroke-dasharray: none;
}

.pd-svg .stroke-opacity-75 {
    stroke-opacity: 1.0 !important;
}

.pd-svg .stroke-opacity-50 {
    stroke-opacity: 0.5 !important;
}

.pd-svg .stroke-opacity-25 {
    stroke-opacity: 0.25 !important;
}

/* --- Fill Color ------------------------------------------------ */

.pd-svg .fill-none {
    fill: none !important;
}

.pd-svg .fill-black {
    fill: #000 !important;
}

.pd-svg .fill-axis {
    fill: #666 !important;
}

.pd-svg .fill-grid {
    fill: #888 !important;
}

.pd-svg .fill-white {
    fill: #FFF !important;
}

.pd-svg .fill-hilite {
    fill: #F00 !important;
}

.pd-svg .fill-solar {
    fill: #FF0 !important;
}

.pd-svg .fill-map {
    fill: #aad3df !important;
}

/* --- FILLS DERIVATION ---
 * daylight:     b3d1ff = 179, 209, 255 :: [ 0.70, 0.80, 1.00 ]
 * civil:        6699CC = 102, 153, 204 :: [ 0.40, 0.60, 0.80 ]
 * nautical:     336699 =  51, 102, 153 :: [ 0.20, 0.40, 0.60 ]
 * astronomical: 003366 =   0,  51, 102 :: [ 0.00, 0.20, 0.60 ]
 * nighttime:    001122 =   0,  17,  34 :: [ 0.00, 0.07, 0.14 ]
 */

 .pd-svg .fill-daylight {
    fill: #b3d1ff !important;
}

 .pd-svg .fill-civil {
    fill: #69C !important;
}

.pd-svg .fill-nautical {
    fill: #369 !important;
}

.pd-svg .fill-astronomical {
    fill: #036 !important;
}

.pd-svg .fill-night {
    fill: #012 !important;
}

/* --- Line Types ------------------------------------------------ */

.pd-svg .line-grid {
    stroke-width: 0.5px;
    stroke-opacity: 0.5;
    stroke: #888;
    fill: none;
}

.pd-svg .line-axis {
    stroke-width: 1px;
    stroke: #666;
    fill: none;
}

.pd-svg .line-dark {
    stroke-width: 0.5px;
    stroke: #444;
    fill: none;
}

.pd-svg .line-std,
.pd-svg .line-black {
    stroke-width: 1px;
    stroke: #000;
    fill: none;
}

.pd-svg .line-hilite,
.pd-svg .line-grid.hilite,
.pd-svg .line-axis.hilite {
    stroke-width: 1.5px;
    stroke: #F00;
    fill: none;
}

.pd-svg .line-marker {
    stroke-width: 1.5px;
    stroke: #000;
    fill: none;
}

.pd-svg .line-blue {
    stroke-width: 1px;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke: #00F;
    fill: none;
}

.pd-svg .line-fat-gray {
    stroke-width: 4px;
    stroke: #CCC;
    fill: none;
}

/* --- */

.pd-svg .sun-path {
    stroke-width: 1.25px;
    stroke: #F90;
    fill: none;
}

.pd-svg .sun-path-thick {
    stroke-width: 1.5px;
    stroke: #F90;
    fill: none;
}

/* --- Font Size ------------------------------------------------- */

.pd-svg text {
    font-family: sans-serif;
}

.pd-svg .font-xs {
    font-size: 0.6em !important;
}

.pd-svg .font-sm {
    font-size: 0.76em !important;
}

.pd-svg .font-md {
    font-size: 0.85em !important;
}

.pd-svg .font-lg {
    font-size: 1.0em !important;
}

.pd-svg .font-xl {
    font-size: 1.1em !important;
}

.pd-svg .font-overlay {
    text-shadow: 0px 0px 5px #fff;
    stroke: none;
}

/* --- Text Types ------------------------------------------------ */

.pd-svg .text-bold {
    font-weight: bold;
}

.pd-svg .text-grid {
    stroke: none;
    fill: #888;
}

.pd-svg .text-axis {
    stroke: none;
    fill: #000;
}

.pd-svg .text-dark {
    stroke: none;
    fill: #666;
}

.pd-svg text.bold6:nth-of-type(6n + 1),
.pd-svg text.bold9:nth-of-type(9n + 1) {
    font-weight: bold;
    font-size: 0.9em;
}

.pd-svg.large text.bold6:nth-of-type(6n + 1),
.pd-svg.large text.bold9:nth-of-type(9n + 1) {
    font-size: 1.1em;
}

.pd-svg text.bold3:nth-of-type(3n + 1) {
    font-weight: bold;
    font-size: 0.8em;
}

.pd-svg .text-hilite {
    font-size: 0.75em;
    font-weight: 500;
    stroke: none;
}

.pd-svg .text-hilite.small {
    font-size: 0.65em;
}

.pd-svg .text-hilite.large {
    font-size: 0.85em;
}

.pd-svg .hilite text,
.pd-svg .text-grid.hilite,
.pd-svg .text-axis.hilite,
.pd-svg .text-hilite {
    fill: #F00 !important;
}

.pd-svg .text-marker {
    font-size: 0.75em;
    font-weight: 500;
    stroke: none;
    fill: #000;
}

.pd-svg .text-marker.small {
    font-size: 0.65em;
}

.pd-svg .text-marker.large {
    font-size: 0.85em;
}

.pd-svg .text-blue {
    font-size: 1.0em;
    stroke: none;
    fill: #00F;
}

.pd-svg .text-title {
    font-size: 1.2em;
}

.pd-svg .text-overlay {
    text-shadow: 0px 0px 5px #fff;
    font-size: 9pt;
    stroke: none;
}

.pd-svg .text-title-small {
    font-weight: bold;
    font-size: 0.85em;
}

.pd-svg .text-empty {
    font-size: 1.25em;
    font-weight: 600;
    stroke: none;
    fill: #ccc;
}

/* --- Marker Types ---------------------------------------------- */

.pd-svg .marker-red {
    stroke: none;
    fill: #F00;
}

.pd-svg .marker-shape {
    stroke: #000;
    stroke-width: 1.25px;
    fill: #FFF;
}

/* --- Highlighting ----------------------------------------------- */

.pd-svg .hilite-circle {
    stroke: #F00;
    stroke-width: 1px;
    fill: #F00;
}

.pd-svg .hilite-shape {
    stroke: #F00;
    stroke-width: 1.25px;
    fill: #FFF;
}

.pd-svg .hilite-marker {
    stroke: #FFF;
    stroke-width: 1.25px;
    fill: #F00;
}

.pd-svg .hilite-axis {
    stroke-width: 0.75px;
    stroke-dasharray: 4, 3;
    stroke: #F00;
    fill: none;
}

/* --- Tooltips --------------------------------------------------- */

/*
 * ==================================================================
 * ===== LARGE CHART ================================================
 * ==================================================================
 */

.pd-svg.large .font-xs {
    font-size: 0.7em;
}

.pd-svg.large .font-sm {
    font-size: 0.86em;
}

.pd-svg.large .font-md {
    font-size: 0.9em;
}

.pd-svg.large .font-normal {
    font-size: 1.0em;
}

.pd-svg.large .font-lg {
    font-size: 1.1em;
}

.pd-svg.large .font-xl {
    font-size: 1.2em;
}

/* --- */

.pd-svg.large .text-grid {
    font-size: 0.7em;
}

.pd-svg.large .text-axis {
    font-size: 0.75em;
}

.pd-svg.large text.bold9:nth-of-type(9n + 1) {
    font-size: 1.0em;
}

.pd-svg.large text.bold3:nth-of-type(3n + 1) {
    font-size: 0.95em;
}

.pd-svg.large .text-axis.large,
.pd-svg.large .text-hilite {
    font-size: 0.85em;
}

.pd-svg.large .text-hilite.small {
    font-size: 0.75em;
}

.pd-svg.large .text-hilite.large {
    font-size: 0.95em;
}

.pd-svg.large .text-marker {
    font-size: 0.85em;
}

.pd-svg.large .text-marker.small {
    font-size: 0.75em;
}

.pd-svg.large .text-marker.large {
    font-size: 0.95em;
}

.pd-svg.large .text-title {
    font-size: 1.25em;
}

/* --- */

.pd-svg.large .line-blue {
    stroke-width: 1.5px;
}

.pd-svg.large .line-black {
    stroke-width: 1.5px;
}

/* --- */

.pd-svg.large .marker-shape {
    stroke-width: 1.25px;
}

/* --- */

.pd-svg.large .hilite-circle {
    stroke-width: 1px;
}

.pd-svg.large .hilite-shape {
    stroke-width: 1.25px;
}

.pd-svg.large .hilite-axis {
    stroke-width: 0.75px;
}

/* --- */

.pd-svg.large .sun-path {
    stroke-width: 1.75px;
}

.pd-svg.large .sun-path-thick {
    stroke-width: 2px;
}

/*
 * ==================================================================
 * ===== DARK STYLES ================================================
 * ==================================================================
 */

html.dark .pd-svg.use-theme .stroke-black {
    stroke: #FFF;
}

html.dark .pd-svg.use-theme .stroke-axis {
    stroke: #CCC;
}

html.dark .pd-svg.use-theme .stroke-grid {
    stroke: #888;
}

/* --- */

html.dark .pd-svg.use-theme .fill-black {
    fill: #FFF;
}

html.dark .pd-svg.use-theme .fill-axis {
    fill: #CCC;
}

html.dark .pd-svg.use-theme .fill-grid {
    fill: #888;
}

html.dark .pd-svg.use-theme .fill-hilite {
    fill: #F66;
}

/* --- */

html.dark .pd-svg.use-theme .line-grid {
    stroke: #CCC;
}

html.dark .pd-svg.use-theme .line-axis {
    stroke: #FFF;
}

html.dark .pd-svg.use-theme .line-hilite {
    stroke: #F66;
}

html.dark .pd-svg.use-theme .line-marker {
    stroke: #FFF;
}

html.dark .pd-svg.use-theme .line-blue {
    stroke: #66F;
}

html.dark .pd-svg.use-theme .line-black {
    stroke: #FFF;
}

/* --- */

html.dark .pd-svg.use-theme .text-grid {
    fill: #BBB;
}

html.dark .pd-svg.use-theme .text-axis {
    fill: #FFF;
}

html.dark .pd-svg.use-theme .text-hilite {
    fill: #F66;
}

html.dark .pd-svg.use-theme .text-marker {
    fill: #FFF;
}

/* --- */

html.dark .pd-svg.use-theme .sun-path {
    stroke: #FA4;
}

html.dark .pd-svg.use-theme .sun-path-thick {
    stroke: #FA4;
}