.ph-pool{isolation:isolate;background:#f0f0f4;border-radius:16px;position:relative;overflow:hidden}.ph-pool img{mix-blend-mode:multiply}.ph-ring{background:#ffffff26;border-radius:18px;padding:2px}.ph-beam,.ph-drum,.ph-floor{display:none}.ph-tag{border-radius:8px}.ph-stamp{border:2px solid;border-radius:8px}.ph-slider{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ph-thumb{transition:scale .15s;box-shadow:0 2px 10px #0003!important}.ph-slider:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:8px}.ph-slider[data-drag=true] .ph-thumb{scale:1.05}.ph-fill{background:#ff5b93}.ph-guess-input{caret-color:#ff5b93}.ph-guess-input:focus{outline-offset:2px;border-radius:4px;outline:2px solid #ff5b93}.ph-meter{background:linear-gradient(90deg,#e11d48 0 15%,#f97316 15% 30%,#eab308 30% 40%,#22c55e 40% 48%,#fcd34d 48% 52%,#22c55e 52% 60%,#eab308 60% 70%,#f97316 70% 85%,#e11d48 85%)}.ph-marker{transition:inset-inline-start .4s ease-out}.hl-window{--gap:.875rem;--h:236px;height:calc(var(--h) * 2 + var(--gap));box-sizing:content-box;margin:-6px;padding:6px;position:relative;overflow:hidden}.hl-track{gap:var(--gap);flex-direction:column;display:flex}.hl-track>*{flex:0 0 var(--h);min-width:0}.hl-track[data-shift=true]{transform:translateY(calc(-1 * (var(--h) + var(--gap))))}.hl-card{transition:border-color .2s}.hl-card[data-state=ok]{outline-offset:-2px;border-color:#34d399;outline:2px solid #34d399}.hl-card[data-state=bad]{outline-offset:-2px;border-color:#fb7185;outline:2px solid #fb7185}.hl-banner{transform:translate(-50%,-50%)}.hl-flash{display:none}@media (min-width:768px){.hl-window{--gap:1.5rem;height:auto}.hl-track{flex-direction:row}.hl-track>*{flex:0 0 calc((100% - var(--gap)) / 2)}.hl-track[data-shift=true]{transform:translateX(calc(-1 * (50% + var(--gap) / 2)))}[dir=rtl] .hl-track[data-shift=true]{transform:translateX(calc(50% + var(--gap) / 2))}}@media (prefers-reduced-motion:no-preference){.hl-track[data-shift=true]{transition:transform .4s ease-out}.ph-in,.ph-phone-in,.ph-stamp-in,.ph-tag-in,.hl-fade-in{animation:.22s ease-out both ph-in}.hl-banner{animation:1.5s ease-out both hl-banner}}@keyframes ph-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hl-banner{0%,to{opacity:0}18%,80%{opacity:1}}