.hf-color-panel,.hf-color-open{z-index:200;color:#202625;background:#fff;border:1px solid #d8dfdc;font-family:Manrope,sans-serif;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 40px #18262126}.hf-color-panel{border-radius:18px;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto}.hf-color-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hf-color-panel-head strong{font-size:17px}.hf-color-panel button{cursor:pointer}.hf-color-panel-head button{border-radius:6px;padding:6px}.hf-color-panel>p{color:#56635f;margin:8px 0 16px;font-size:13px;line-height:1.5}.hf-color-panel label{margin:12px 0 6px;font-size:13px;font-weight:700;display:block}.hf-color-panel select,.hf-color-custom input:not([type=color]),.hf-color-share-url{color:#202625;background:#fff;border:1px solid #bdc9c3;border-radius:8px;width:100%;padding:9px;font-size:14px}.hf-color-show{margin-top:8px;font-size:12px;text-decoration:underline}.hf-color-swatches{grid-template-columns:repeat(8,1fr);gap:6px;margin:18px 0;display:grid}.hf-color-swatches button{border:1px solid #20262530;border-radius:50%;height:28px;font-size:16px}.hf-color-swatches [aria-pressed=true]{outline-offset:2px;outline:2px solid #202625}.hf-color-custom{align-items:center;gap:10px;display:flex}.hf-color-custom input[type=color]{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:42px;height:38px;padding:0}.hf-color-reset{gap:16px;margin:14px 0 20px;display:flex}.hf-color-reset button{align-items:center;gap:5px;font-size:12px;text-decoration:underline;display:inline-flex}.hf-color-share{color:#fff;background:#147d73;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;display:flex}.hf-color-panel .hf-color-note{margin-bottom:0;font-size:12px}.hf-color-panel .hf-color-status{color:#147d73;margin-bottom:0;font-size:12px}.hf-color-status:empty{display:none}.hf-color-share-url{margin-top:10px}.hf-color-open{cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;display:inline-flex}.hf-color-panel :is(input,select,button):focus-visible,.hf-color-open:focus-visible{outline-offset:3px;outline:2px solid #147d73}@media (width<=600px){.hf-color-panel,.hf-color-open{bottom:12px;right:12px}}