.anthill-color-swatch,.pf-wave-swatch{border:1px solid var(--pf-chip-border,var(--block-border,#30343b));background:var(--pf-wave-swatch-color,#7a8194);cursor:pointer;border-radius:999px;outline:none;flex:0 0 28px;width:28px;height:28px;margin:0;padding:0;transition:border-color .18s,box-shadow .18s}.anthill-color-swatch:hover,.pf-wave-swatch:hover{box-shadow:0 0 0 3px #7f889c24}.anthill-color-swatch:focus-visible,.pf-wave-swatch:focus-visible{border-color:var(--promo-picker-accent,#1993da);box-shadow:0 0 0 3px color-mix(in srgb, var(--promo-picker-accent,#1993da) 18%, transparent)}.pf-color-popup{--prefs-glass-highlight:linear-gradient(135deg, #ffffff14, #fff0 55%);z-index:1200;border:1px solid var(--prefs-glass-border,var(--pf-chip-border));background:linear-gradient(var(--prefs-glass-bg,#10101080), var(--prefs-glass-bg,#10101080)), var(--prefs-glass-highlight,linear-gradient(135deg, #ffffff14, #fff0 55%));width:212px;box-shadow:var(--prefs-glass-shadow,0 14px 32px #00000047);-webkit-backdrop-filter:blur(12px)saturate(120%)brightness(108%);backdrop-filter:blur(12px)saturate(120%)brightness(108%);border-radius:14px;gap:10px;padding:10px;display:grid;position:fixed}html[data-theme=light] .pf-color-popup{--prefs-glass-highlight:linear-gradient(135deg, #ffffff94, #fff0 55%)}.pf-color-popup[hidden]{display:none!important}.pf-color-popup-wheel{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#fff 0%,#ffffffd1 18%,#ffffff47 40%,#fff0 62%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;position:relative}.pf-color-popup-wheel:before{content:"";border:1px solid color-mix(in srgb, var(--pf-chip-border) 78%, transparent);border-radius:999px;position:absolute;inset:30%}.pf-color-popup-wheel:after{content:"";background:hsl(var(--pf-wheel-h,180) var(--pf-wheel-s,70%) var(--pf-wheel-l,55%));border:1px solid #ffffff3d;border-radius:999px;position:absolute;inset:36%}.pf-color-popup-pointer{pointer-events:none;background:#00000059;border:2px solid #fffffff2;border-radius:999px;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.pf-color-popup-sliders{gap:8px;display:grid}.pf-color-popup-row{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;display:grid}.pf-color-popup-row input[type=range]{cursor:pointer}.pf-color-popup-row.is-disabled{opacity:.42}.pf-color-popup-row.is-disabled .pf-color-popup-row-label{filter:grayscale()}.pf-color-popup-row.is-disabled input[type=range]{pointer-events:none;cursor:not-allowed}.pf-color-popup-row-label{box-sizing:border-box;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:999px;width:20px;height:20px;display:inline-block;overflow:hidden}.pf-color-popup-row-label--light{background:linear-gradient(90deg, #101216 0 50%, #fff 50% 100%) padding-box, linear-gradient(var(--pf-popup-icon-stroke,#969ead85), var(--pf-popup-icon-stroke,#969ead85)) border-box}.pf-color-popup-row-label--alpha{background:linear-gradient(45deg, #b7beca 25%, transparent 25%, transparent 75%, #b7beca 75%, #b7beca) 0 0 / 6px 6px, linear-gradient(45deg, #b7beca 25%, transparent 25%, transparent 75%, #b7beca 75%, #b7beca) 3px 3px / 6px 6px, linear-gradient(#eef1f6, #eef1f6) padding-box, linear-gradient(var(--pf-popup-icon-stroke,#969ead85), var(--pf-popup-icon-stroke,#969ead85)) border-box}@media (width<=880px),(hover:none) and (pointer:coarse){.pf-color-popup{gap:8px}.pf-color-popup-sliders{order:1}.pf-color-popup-wheel{order:2}}