
.pv-themes{position:fixed;left:16px;bottom:16px;z-index:9998;width:392px;max-width:calc(100vw - 96px);
  background:#fff;border:1px solid #CFE7E6;border-top:4px solid #E6B222;border-radius:16px;
  box-shadow:0 14px 40px rgba(0,56,56,.22);font-family:"Inter",sans-serif;color:#231F20;overflow:hidden}
.pv-themes *{letter-spacing:0 !important;box-sizing:border-box}
#pv-themes .pv-th-head{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr 20px;align-items:center;gap:2px 8px;width:100%;
  padding:12px 14px 10px;cursor:pointer;background:linear-gradient(180deg,#F3FAF9,#fff)}
#pv-themes .pv-th-head:focus-visible{outline:2px solid #01918D;outline-offset:-2px}
#pv-themes .pv-th-eyebrow{grid-column:1;font:700 11px/1.3 "Inter",sans-serif;letter-spacing:1.6px !important;text-transform:uppercase;color:#906718}
#pv-themes .pv-th-now{grid-column:1;font:500 14px/1.35 "Inter",sans-serif;color:#004848}
#pv-themes .pv-th-now b{font-weight:700;color:#02807F}
#pv-themes .pv-th-chev{grid-column:2;grid-row:1 / span 2;width:20px;height:20px;fill:#02807F;transition:transform .2s;transform:rotate(180deg)}
#pv-themes.pv-th-closed .pv-th-chev{transform:none}
#pv-themes .pv-th-body{padding:2px 12px 12px}
#pv-themes.pv-th-closed .pv-th-body{display:none}
#pv-themes .pv-th-mood{margin:0 2px 10px;font:400 12.5px/1.4 "Inter",sans-serif;color:#4E5B5B}
#pv-themes .pv-th-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#pv-themes .pv-th-opt{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;min-width:0;padding:8px 9px;border-radius:11px;cursor:pointer;
  border:1.5px solid #DCEDEC;background:#fff;transition:border-color .15s,background .15s}
#pv-themes .pv-th-opt:hover{border-color:#7FCBCA;background:#F3FAF9}
#pv-themes .pv-th-opt:focus-visible{outline:2px solid #01918D;outline-offset:1px}
#pv-themes .pv-th-opt.on{border-color:#02807F;background:#EAF7F6;box-shadow:inset 0 0 0 1px #02807F}
#pv-themes .pv-th-sw{display:flex;flex:none;width:30px;height:30px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
#pv-themes .pv-th-sw i{flex:1}
#pv-themes .pv-th-opt.on .pv-th-sw{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #E6B222}
#pv-themes .pv-th-txt{display:flex;flex-direction:column;min-width:0}
#pv-themes .pv-th-txt b{font:600 13px/1.25 "Inter",sans-serif;color:#004848}
#pv-themes .pv-th-txt small{font:400 11px/1.35 "Inter",sans-serif;color:#4E5B5B}
#pv-themes .pv-th-hint{margin:10px 2px 0;font:400 11.5px/1.45 "Inter",sans-serif;color:#4E5B5B}
@media (max-width:767px){
  .pv-themes{left:10px;bottom:14px;width:auto;max-width:calc(100vw - 84px);border-radius:14px}
  #pv-themes .pv-th-head{padding:9px 12px 8px}
  #pv-themes .pv-th-eyebrow{font-size:10px}
  #pv-themes .pv-th-now{font-size:13px}
  .pv-themes:not(.pv-th-closed){width:calc(100vw - 84px)}
  #pv-themes .pv-th-list{grid-template-columns:1fr;gap:6px;max-height:min(46vh,300px);overflow-y:auto;overscroll-behavior:contain;
    padding:2px 4px 2px 2px;margin:0 -4px 0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#7FCBCA transparent}
  #pv-themes .pv-th-opt{padding:7px}
  #pv-themes .pv-th-sw{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){.pv-th-chev,#pv-themes .pv-th-opt{transition:none}}
