/* PCL Research & Manufacturing — dark theme
   Follows the visitor's system setting (prefers-color-scheme) unless they choose
   Light or Dark from the footer link. assets/theme.js sets html[data-theme].

   Structure: 1) the palette variables, which already drive most of style.css;
   2) rules generated from the light stylesheets for the colours that were written
   as literals (cards, FAQ, chips, assistant, cookie banner...). Navy surfaces
   (footer, hero buttons, CTA bands) stay navy in both themes. */
html{color-scheme:light}
html[data-theme="dark"]{
  color-scheme:dark;
  --white:#101B33;--ice:#12213F;--ice2:#172A52;--sky-wash:#0D1830;
  --border:#22345A;--border2:#31507D;
  --text:#E6EEF8;--text-m:#B4C3D9;--text-l:#8FA3C0;
  --shadow:rgba(0,0,0,.38);--shadow-c:rgba(0,174,219,.28);
}
html[data-theme="dark"] body{background:#0A1224 !important}
html[data-theme="dark"] .el-aurora{opacity:.42}
html[data-theme="dark"] ::selection{background:#0090BC;color:#fff}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color:#E6EEF8}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7F93B3}
html[data-theme="dark"] .page-hero-crystals,html[data-theme="dark"] .hero-crystals{opacity:.6}
/* theme switch in the footer */
[data-theme-toggle]{cursor:pointer}

/* ---- generated from style.css ---- */
html[data-theme="dark"] body{background:#101B33 !important}
html[data-theme="dark"] nav{background:rgba(11,18,38,0.92) !important}
html[data-theme="dark"] .nlinks a:hover{color:#5DCFED !important}
html[data-theme="dark"] .nlinks a.active{color:#5DCFED !important}
html[data-theme="dark"] .submenu .sm-title{color:#EAF2FF !important}
html[data-theme="dark"] .nav-toggle{color:#EAF2FF !important}
html[data-theme="dark"] .page-hero{background:linear-gradient(160deg,#101B33 0%,var(--ice) 60%,var(--ice2) 100%) !important}
html[data-theme="dark"] .breadcrumb a:hover{color:#5DCFED !important}
html[data-theme="dark"] .breadcrumb .current{color:#5DCFED !important}
html[data-theme="dark"] .page-eyebrow{color:#5DCFED !important}
html[data-theme="dark"] .page-hero h1{color:#EAF2FF !important}
html[data-theme="dark"] .quicknav a:hover{color:#5DCFED !important}
html[data-theme="dark"] .eyebrow{color:#5DCFED !important}
html[data-theme="dark"] .st{color:#EAF2FF !important}
html[data-theme="dark"] .hero{background:linear-gradient(170deg,#101B33 0%,var(--ice) 55%,var(--ice2) 100%) !important}
html[data-theme="dark"] h1.hh{color:#EAF2FF !important}
html[data-theme="dark"] .hsn{color:#5DCFED !important}
html[data-theme="dark"] .av-ic i{color:#5DCFED !important}
html[data-theme="dark"] .av h4{color:#EAF2FF !important}
html[data-theme="dark"] .sc h3{color:#EAF2FF !important}
html[data-theme="dark"] .sc-link{color:#5DCFED !important}
html[data-theme="dark"] .svc-content .svc-tag{color:#5DCFED !important}
html[data-theme="dark"] .svc-content h2{color:#EAF2FF !important}
html[data-theme="dark"] .svc-help h4{color:#EAF2FF !important}
html[data-theme="dark"] .tech-cat h4{color:#5DCFED !important}
html[data-theme="dark"] .op-left h2{color:#EAF2FF !important}
html[data-theme="dark"] .op-facts span{color:#EAF2FF !important;background:#101B33 !important}
html[data-theme="dark"] .op-facts i{color:#5DCFED !important}
html[data-theme="dark"] .op-view{color:#EAF2FF !important}
html[data-theme="dark"] .op-view:hover{color:#5DCFED !important}
html[data-theme="dark"] .op-sheet{background:#101B33 !important}
html[data-theme="dark"] .br-band::before{background-image:linear-gradient(rgba(11,18,38,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,38,.045) 1px,transparent 1px) !important}
html[data-theme="dark"] .br-pg{background:#101B33 !important}
html[data-theme="dark"] .br-inner{background:#101B33 !important}
html[data-theme="dark"] .br-dl{color:#EAF2FF !important;background:#101B33 !important}
html[data-theme="dark"] .br-dl:hover{color:#EAF2FF !important}
html[data-theme="dark"] .cc h3{color:#EAF2FF !important}
html[data-theme="dark"] .etab:hover:not(.active){color:#5DCFED !important}
html[data-theme="dark"] .ncat{color:#5DCFED !important}
html[data-theme="dark"] .ncard h3{color:#EAF2FF !important}
html[data-theme="dark"] .cii-ic{background:rgba(11,18,38,0.1) !important}
html[data-theme="dark"] .cright h3{color:#EAF2FF !important}
html[data-theme="dark"] .loc-card h3{color:#EAF2FF !important}
html[data-theme="dark"] .loc-card .loc-type{color:#5DCFED !important}
html[data-theme="dark"] .fsoc a{background:rgba(11,18,38,0.08) !important}
html[data-theme="dark"] .careers-intro{background:#101B33 !important}
html[data-theme="dark"] .perk h4{color:#EAF2FF !important}
html[data-theme="dark"] .apply-left .apply-mail{background:rgba(11,18,38,0.1) !important}
html[data-theme="dark"] .apply-left .apply-mail:hover{background:rgba(11,18,38,0.18) !important}
html[data-theme="dark"] .apply-right h3{color:#EAF2FF !important}
html[data-theme="dark"] .legal-wrap h2{color:#EAF2FF !important}
html[data-theme="dark"] .legal-wrap a{color:#5DCFED !important}
html[data-theme="dark"] .legal-table th{color:#EAF2FF !important}
@media (max-width:900px){html[data-theme="dark"] .nlinks{background:#101B33 !important}
}

/* ---- generated from enhance.css ---- */
html[data-theme="dark"] .el-shard{background:linear-gradient(140deg,rgba(11,18,38,.55),rgba(11,18,38,.12)) !important}
html[data-theme="dark"] .el-facet{background:linear-gradient(135deg,rgba(11,18,38,.85),rgba(93,207,237,.55) 35%,rgba(0,144,188,.65) 70%,rgba(13,27,94,.55)) !important}
html[data-theme="dark"] .hstats{background:rgba(11,18,38,.72) !important}
html[data-theme="dark"] .sc,html[data-theme="dark"] .cc,html[data-theme="dark"] .ncard,html[data-theme="dark"] .perk,html[data-theme="dark"] .loc-card,html[data-theme="dark"] .av{background:rgba(11,18,38,.75) !important}
html[data-theme="dark"] .sc .el-sheen{background:linear-gradient(100deg,transparent,rgba(11,18,38,.55),transparent) !important}
html[data-theme="dark"] .bc::after{background:linear-gradient(100deg,transparent,rgba(11,18,38,.45),transparent) !important}
html[data-theme="dark"] .submenu .sm-title{color:#EAF2FF !important}
html[data-theme="dark"] .submenu li a.sm-feat .sm-title{color:#5DCFED !important}
html[data-theme="dark"] .quicknav a.qn-feat{color:#5DCFED !important}
html[data-theme="dark"] .meeting-sched>label{color:#5DCFED !important}
html[data-theme="dark"] .meeting-sched>label i{color:#5DCFED !important}
html[data-theme="dark"] .ncard-feat .nb p strong{color:#5DCFED !important}
html[data-theme="dark"] .hc-head{color:#5DCFED !important}
html[data-theme="dark"] .hc-head i{color:#5DCFED !important}
html[data-theme="dark"] .hc-box{background:#101B33 !important}
html[data-theme="dark"] .hc-track{background:#101B33 !important}
html[data-theme="dark"] .hc-slid .hc-slabel{color:#5DCFED !important}
html[data-theme="dark"] .hc-q strong{color:#5DCFED !important}
html[data-theme="dark"] .hc-ok{color:#4FD39A !important}
html[data-theme="dark"] .hc-ok i{color:#4FD39A !important}
html[data-theme="dark"] .hc-verified .hc-panel{background:#10281F !important}
html[data-theme="dark"] .fg-group{color:#5DCFED !important}
html[data-theme="dark"] .quote-code{background:#101B33 !important}
html[data-theme="dark"] .quote-code .qc-fixed{color:#5DCFED !important}
html[data-theme="dark"] .st-del{background:#101B33 !important}
html[data-theme="dark"] .st-del:hover{color:#FF8A80 !important;background:#3A1B1E !important}
html[data-theme="dark"] .st-add{color:#5DCFED !important}
html[data-theme="dark"] .esign-toggle .et-box{background:#101B33 !important}
html[data-theme="dark"] .esign-toggle .et-txt b{color:#5DCFED !important}
html[data-theme="dark"] .esign-note>i{color:#5DCFED !important}
html[data-theme="dark"] .esign-note strong{color:#EAF2FF !important}
html[data-theme="dark"] .fb-row i{background:rgba(11,18,38,.06) !important}
html[data-theme="dark"] .lang-btn{background:#101B33 !important}
html[data-theme="dark"] .lang-btn i:first-child{color:#5DCFED !important}
html[data-theme="dark"] .lang-btn:hover{color:#5DCFED !important}
html[data-theme="dark"] .lang-menu{background:#101B33 !important}
html[data-theme="dark"] .lang-menu li:hover{color:#5DCFED !important}
html[data-theme="dark"] .lang-menu li[aria-current="true"]{color:#5DCFED !important}
html[data-theme="dark"] .sc-ico,html[data-theme="dark"] .loc-icon,html[data-theme="dark"] .perk-ic{background-image:radial-gradient(120% 120% at 28% 16%,rgba(11,18,38,.4),rgba(11,18,38,0) 58%),
    linear-gradient(135deg,var(--cyan),var(--cyan-d)) !important}
html[data-theme="dark"] .cii-ic{background-image:linear-gradient(160deg,rgba(11,18,38,.16),rgba(11,18,38,.05)) !important}
html[data-theme="dark"] .svcp-sec{border-top:1px solid #22345A !important}
html[data-theme="dark"] .svcp-sec h2{color:#EAF2FF !important}
html[data-theme="dark"] .svcp-sec h3{color:#EAF2FF !important}
html[data-theme="dark"] .svcp-sec p{color:#B9C8DC !important}
html[data-theme="dark"] .svcp-kicker{color:#5DCFED !important}
html[data-theme="dark"] .svcp-card{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .svcp-card p{color:#B4C3D9 !important}
html[data-theme="dark"] .svcp-card .ic{background:linear-gradient(140deg,#12213F,#172A52) !important;color:#5DCFED !important}
html[data-theme="dark"] .svcp-step{background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .svcp-tech span{color:#E6EEF8 !important;background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .svcp-out li{color:#B9C8DC !important}
html[data-theme="dark"] .svcp-out li i{color:#5DCFED !important}
html[data-theme="dark"] .faq{border-top:1px solid #22345A !important}
html[data-theme="dark"] .faq details{border-bottom:1px solid #22345A !important}
html[data-theme="dark"] .faq summary{color:#EAF2FF !important}
html[data-theme="dark"] .faq summary::after{color:#5DCFED !important}
html[data-theme="dark"] .faq details p{color:#B9C8DC !important}
html[data-theme="dark"] .svcp-rel a{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .svcp-rel a:hover{border-color:#31507D !important}
html[data-theme="dark"] .svcp-rel .t{color:#EAF2FF !important}
html[data-theme="dark"] .svcp-rel .d{color:#8FA3C0 !important}
html[data-theme="dark"] .svc-more{color:#5DCFED !important}
html[data-theme="dark"] .svc-more:hover{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-as-panel{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-as-x{background:rgba(11,18,38,.12) !important}
html[data-theme="dark"] .pcl-as-x:hover{background:rgba(11,18,38,.22) !important}
html[data-theme="dark"] .pcl-as-body{background:#0D1830 !important}
html[data-theme="dark"] .pcl-as-msg.bot{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-as-msg.bot p{color:#B9C8DC !important}
html[data-theme="dark"] .pcl-as-msg.bot p.pcl-as-q{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-as-msg.bot p.pcl-as-src{color:#8FA3C0 !important}
html[data-theme="dark"] .pcl-as-chips button{color:#EAF2FF !important;background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-as-chips button:hover{background:#12213F !important;border-color:#31507D !important}
html[data-theme="dark"] .pcl-as-card{background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-as-card:hover{border-color:#31507D !important}
html[data-theme="dark"] .pcl-as-card .k{color:#5DCFED !important}
html[data-theme="dark"] .pcl-as-card .t{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-as-card .d{color:#B4C3D9 !important}
html[data-theme="dark"] .pcl-as-card .go em{color:#5DCFED !important}
html[data-theme="dark"] .pcl-as-cta .p2{background:#101B33 !important;border:1px solid #22345A !important;color:#EAF2FF !important}
html[data-theme="dark"] .pcl-as-foot{border-top:1px solid #22345A !important;background:#101B33 !important}
html[data-theme="dark"] .pcl-as-in{border:1px solid #22345A !important;color:#E6EEF8 !important;background:#0D1830 !important}
html[data-theme="dark"] .pcl-as-in:focus{background:#101B33 !important}
html[data-theme="dark"] .pcl-ck{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-ck-t strong{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-ck-t p{color:#B9C8DC !important}
html[data-theme="dark"] .pcl-ck-link{color:#5DCFED !important}
html[data-theme="dark"] .pcl-ck-link:hover{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-ck-no{background:#101B33 !important;border:1px solid #22345A !important;color:#EAF2FF !important}
html[data-theme="dark"] .pcl-ck-no:hover{border-color:#31507D !important}
html[data-theme="dark"] .team{background:#101B33 !important}
html[data-theme="dark"] .tm{background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .tm:hover{border-color:#31507D !important}
html[data-theme="dark"] .tm h3{color:#EAF2FF !important}
html[data-theme="dark"] .tm-role{color:#5DCFED !important}
html[data-theme="dark"] .cs{border-top:1px solid #22345A !important}
html[data-theme="dark"] .cs-tag{color:#5DCFED !important}
html[data-theme="dark"] .cs-head h2{color:#EAF2FF !important}
html[data-theme="dark"] .cs-sub{color:#8FA3C0 !important}
html[data-theme="dark"] .cs-b{background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .cs-b h3{color:#EAF2FF !important}
html[data-theme="dark"] .cs-b p{color:#B9C8DC !important}
html[data-theme="dark"] .cs-foot span{color:#8FA3C0 !important}
html[data-theme="dark"] .cs-foot a{color:#EAF2FF !important;background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .cs-foot a:hover{background:#12213F !important;border-color:#31507D !important}
html[data-theme="dark"] .pcl-li-btn{border:1px solid #22345A !important;background:rgba(11,18,38,.94) !important;color:#EAF2FF !important}
html[data-theme="dark"] .pcl-li-btn:hover{border-color:#31507D !important}
html[data-theme="dark"] .pcl-li-btn i{color:#6CB4F5 !important}
html[data-theme="dark"] .pcl-li-panel{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-li-x{background:rgba(11,18,38,.12) !important}
html[data-theme="dark"] .pcl-li-x:hover{background:rgba(11,18,38,.22) !important}
html[data-theme="dark"] .pcl-li-body{background:#0D1830 !important}
html[data-theme="dark"] .pcl-li-post{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .pcl-li-post:hover{border-color:#31507D !important}
html[data-theme="dark"] .pcl-li-tag{background:#172A52 !important}
html[data-theme="dark"] .pcl-li-date{color:#8FA3C0 !important}
html[data-theme="dark"] .pcl-li-post p{color:#B9C8DC !important}
html[data-theme="dark"] .pcl-li-empty{color:#8FA3C0 !important}
html[data-theme="dark"] .pcl-li-foot{border-top:1px solid #22345A !important;background:#101B33 !important;color:#6CB4F5 !important}
html[data-theme="dark"] .pcl-li-foot:hover{color:#EAF2FF !important}
html[data-theme="dark"] .cal-m{background:#0D1830 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .cal-m.has{background:#101B33 !important}
html[data-theme="dark"] .cal-h span{color:#EAF2FF !important}
html[data-theme="dark"] .cal-h em{color:#B4C3D9 !important}
html[data-theme="dark"] .cal-m:not(.has) .cal-h span{color:#8FA3C0 !important}
html[data-theme="dark"] .ev-card{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .ev-card:hover{border-color:#31507D !important}
html[data-theme="dark"] .ev-type{color:#5DCFED !important}
html[data-theme="dark"] .ev-past{color:#B4C3D9 !important}
html[data-theme="dark"] .ev-card h2{color:#EAF2FF !important}
html[data-theme="dark"] .ev-meta{color:#E6EEF8 !important}
html[data-theme="dark"] .ev-meta i{color:#5DCFED !important}
html[data-theme="dark"] .ev-card p{color:#B9C8DC !important}
html[data-theme="dark"] .ev-why strong{color:#EAF2FF !important}
html[data-theme="dark"] .ev-ghost{background:#101B33 !important;border:1px solid #22345A !important;color:#EAF2FF !important}
html[data-theme="dark"] .ev-ghost:hover{border-color:#31507D !important}
html[data-theme="dark"] .ev-ghost i{color:#5DCFED !important}
@media(min-width:901px) and (max-width:1240px){html[data-theme="dark"] .nlinks{background:#101B33 !important;border-bottom:1px solid #22345A !important}
}
html[data-theme="dark"].nav-compact .nlinks{background:#101B33 !important}
html[data-theme="dark"] .qual{background:linear-gradient(180deg,#F4F8FC,#101B33) !important}
html[data-theme="dark"] .qual-card{background:#101B33 !important;border:1px solid #22345A !important}
html[data-theme="dark"] .qual-card:hover{border-color:#31507D !important}
html[data-theme="dark"] .qual-card h3{color:#EAF2FF !important}
html[data-theme="dark"] .qual-card p{color:#B9C8DC !important}
html[data-theme="dark"] .qual-ref{color:#5DCFED !important;background:#12213F !important}
html[data-theme="dark"] .qual-go{color:#EAF2FF !important}
html[data-theme="dark"] .qual-card:hover .qual-go{color:#5DCFED !important}
html[data-theme="dark"] .hero-int-l{color:#8FA3C0 !important}
html[data-theme="dark"] .hero-int a{color:#EAF2FF !important;background:rgba(11,18,38,.78) !important;border:1px solid #22345A !important}
html[data-theme="dark"] .hero-int a i{color:#5DCFED !important}
html[data-theme="dark"] .hero-int a:hover{border-color:#31507D !important;background:#101B33 !important}
@media(max-width:900px){html[data-theme="dark"] .el-shard{background:linear-gradient(140deg,rgba(11,18,38,.5),rgba(11,18,38,.14)) !important}
}

/* ---- keyword "white" backgrounds (the first pass only knew hex values) ---- */
html[data-theme="dark"] .has-sub .submenu{background:#101B33 !important}
html[data-theme="dark"] .quicknav{background:#101B33 !important}
html[data-theme="dark"] .hero-pill{background:#101B33 !important}
html[data-theme="dark"] .hstats{background:#101B33 !important}
html[data-theme="dark"] .bn{background:#101B33 !important}
html[data-theme="dark"] .av{background:#101B33 !important}
html[data-theme="dark"] .services{background:#101B33 !important}
html[data-theme="dark"] .sc{background:#101B33 !important}
html[data-theme="dark"] .svc-detail{background:#101B33 !important}
html[data-theme="dark"] .svc-tech{background:#101B33 !important}
html[data-theme="dark"] .cc{background:#101B33 !important}
html[data-theme="dark"] .equip{background:#101B33 !important}
html[data-theme="dark"] .etab{background:#101B33 !important}
html[data-theme="dark"] .ncard{background:#101B33 !important}
html[data-theme="dark"] .contact{background:#101B33 !important}
html[data-theme="dark"] .cright{background:#101B33 !important}
html[data-theme="dark"] .fg input:focus,html[data-theme="dark"] .fg textarea:focus,html[data-theme="dark"] .fg select:focus{background:#101B33 !important}
html[data-theme="dark"] .loc-card{background:#101B33 !important}
html[data-theme="dark"] .apply-wrap{background:#101B33 !important}
html[data-theme="dark"] .legal{background:#101B33 !important}

/* ---- gradient headline text must stay readable on a dark ground ---- */
html[data-theme="dark"] h1.hh .grad,html[data-theme="dark"] .page-hero h1 .grad,html[data-theme="dark"] .grad{
  background:linear-gradient(115deg,#5DCFED,#00AEDB 55%,#8FE0F7) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
html[data-theme="dark"] .hsn,html[data-theme="dark"] .qual-mark{
  background:linear-gradient(120deg,#5DCFED,#8FE0F7) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
/* ---- home hero: pill, buttons and stat band ---- */
html[data-theme="dark"] .hero-pill{background:rgba(16,27,51,.72) !important;border:1px solid rgba(93,207,237,.35) !important;color:#5DCFED !important;box-shadow:0 6px 20px rgba(0,0,0,.35) !important}
html[data-theme="dark"] .hero-pill *{color:inherit}
html[data-theme="dark"] .hstats{background:rgba(16,27,51,.72) !important;border:1px solid rgba(93,207,237,.22) !important}
html[data-theme="dark"] .hstat{border-right-color:rgba(93,207,237,.16) !important}
html[data-theme="dark"] .hstat:hover{background:rgba(93,207,237,.08) !important}
html[data-theme="dark"] .bn,html[data-theme="dark"] .hero-int a{background:rgba(16,27,51,.72) !important;color:#EAF2FF !important;border-color:#31507D !important}
html[data-theme="dark"] .bn:hover,html[data-theme="dark"] .hero-int a:hover{background:#172A52 !important;color:#5DCFED !important;border-color:#5DCFED !important}
/* ---- glass cards written as translucent white ---- */
html[data-theme="dark"] .sc,html[data-theme="dark"] .cc,html[data-theme="dark"] .ncard,html[data-theme="dark"] .perk,html[data-theme="dark"] .loc-card,html[data-theme="dark"] .av{background:rgba(16,27,51,.78) !important}
html[data-theme="dark"] .cal-m.has{border-color:#31507D !important}
html[data-theme="dark"] .qual{background:linear-gradient(180deg,#0D1830,#101B33) !important}
html[data-theme="dark"] .hc-box,html[data-theme="dark"] .hc-track,html[data-theme="dark"] .quote-code,html[data-theme="dark"] .st-del,html[data-theme="dark"] .et-box{background:#0D1830 !important}

/* ---- floating panels whose CSS lives inside their scripts ---- */
html[data-theme="dark"] .pcl-spot{background:#101B33 !important;border-color:#22345A !important;box-shadow:0 18px 50px rgba(0,0,0,.55) !important}
html[data-theme="dark"] .pcl-spot h4{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-spot p{color:#B4C3D9 !important}
html[data-theme="dark"] .pcl-spot-cat,html[data-theme="dark"] .pcl-spot-cta{color:#5DCFED !important}
html[data-theme="dark"] .pcl-spot-cta:hover{color:#fff !important}
html[data-theme="dark"] .pcl-spot-dots span{background:#31507D !important}
html[data-theme="dark"] .pcl-spot-dots span.on{background:#5DCFED !important}
html[data-theme="dark"] .pcl-spot-x{color:#8FA3C0 !important}
html[data-theme="dark"] .pcl-spot-x:hover{background:#172A52 !important;color:#fff !important}
html[data-theme="dark"] .pcl-dw-box{background:#101B33 !important;box-shadow:0 30px 80px -24px rgba(0,0,0,.7) !important}
html[data-theme="dark"] .pcl-dw-card{background:#0D1830 !important;border-color:#22345A !important}
html[data-theme="dark"] .pcl-dw-card h3{color:#EAF2FF !important}
html[data-theme="dark"] .pcl-dw-card p{color:#B4C3D9 !important}
html[data-theme="dark"] .pcl-dw-kind{color:#5DCFED !important}
html[data-theme="dark"] .pcl-dw-fmt{color:#8FA3C0 !important}
html[data-theme="dark"] .pcl-dw-sheet{background:#E8F0F8 !important;border-color:#31507D !important}