:root{--p-colorwell-rainbow:conic-gradient(from 90deg, red 0deg, #fb00ff 72deg, #00a1ff 144deg, #4f0 216deg, #fff700 288deg, red 360deg);--p-colorwell-capsule-bg:#00000014;--p-colorwell-swatch-edge:#0000001a}.p-dark-mode,[data-p-theme=darkmode]{--p-colorwell-capsule-bg:#ffffff12}@media (prefers-color-scheme:dark){.p-auto-dark-mode{--p-colorwell-capsule-bg:#ffffff12}}.p-light-mode,[data-p-theme=lightmode]{--p-colorwell-capsule-bg:#00000014}.p-colorwell{cursor:pointer;border-radius:50%;width:28px;height:28px;display:inline-block;position:relative}.p-colorwell input[type=color]{appearance:none;cursor:pointer;opacity:0;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.p-colorwell:before{background:var(--p-colorwell-rainbow);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.p-colorwell:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff 4%,#ffffffa8 41.3%,#ffffff54 73.6%,#fff0 96%);border-radius:50%;position:absolute;inset:0}.p-colorwell-set:before{-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 2.5px))}.p-colorwell-set:after{background:var(--p-colorwell-color,red);width:18px;height:18px;inset:5px auto auto 5px}.p-colorwell:focus-within{outline:3.5px solid var(--p-focus-ring-color,#0088ff80);outline-offset:1px}.p-colorwell.p-dimmed,.p-colorwell:has(input:disabled){opacity:.5;pointer-events:none}.p-colorwell.p-colorwell-capsule{--p-colorwell-h:24px;width:calc(var(--p-colorwell-h) * 2);height:var(--p-colorwell-h);border-radius:calc(var(--p-colorwell-h) / 2);vertical-align:middle;background:var(--p-colorwell-capsule-bg);transition:background .12s ease-out}.p-colorwell.p-colorwell-capsule input[type=color]{border-radius:inherit}.p-colorwell.p-colorwell-capsule:before{border-radius:calc(var(--p-colorwell-h) / 2 - 3px);background:var(--p-colorwell-color,#34c759);box-shadow:inset 0 0 0 1px var(--p-colorwell-swatch-edge);inset:3px;-webkit-mask:none;mask:none}.p-colorwell.p-colorwell-capsule:after{content:none}.p-colorwell.p-colorwell-capsule.p-active{background:var(--p-control-accent,var(--p-sys-blue,#08f))}.p-colorwell.p-colorwell-capsule.p-dimmed,.p-colorwell.p-colorwell-capsule:has(input:disabled){opacity:1}.p-colorwell.p-colorwell-capsule.p-dimmed:before,.p-colorwell.p-colorwell-capsule:has(input:disabled):before{opacity:.5}.p-colorwell.p-colorwell-capsule:focus-within{box-shadow:var(--p-focus-ring,0 0 0 3.5px #0088ff80);outline:0}.p-colorwell-capsule.p-colorwell-mini{--p-colorwell-h:16px}.p-colorwell-capsule.p-colorwell-small{--p-colorwell-h:20px}.p-colorwell-capsule.p-colorwell-large{--p-colorwell-h:28px}.p-colorwell-capsule.p-colorwell-xlarge{--p-colorwell-h:36px}@media (prefers-reduced-motion:reduce){.p-colorwell.p-colorwell-capsule{transition:none}}@media (forced-colors:active){.p-colorwell.p-colorwell-capsule{border:1px solid buttonborder}.p-colorwell.p-colorwell-capsule:before{forced-color-adjust:none}.p-colorwell.p-colorwell-capsule:focus-within,.p-colorwell.p-colorwell-capsule.p-active{outline-offset:1px;outline:3px solid highlight}}:root{--p-colorwell-rainbow-touch:conic-gradient(#e7e040 0deg, #eeaa3c 45deg, #e8403b 90deg, #b33ed5 132deg, #694ae8 182deg, #3ccae7 231deg, #3ce885 270deg, #89e743 313deg, #e7e040 360deg)}.p-colorwell.p-colorwell-touch:before{background:var(--p-colorwell-rainbow-touch)}.p-colorwell.p-colorwell-touch:not(.p-colorwell-set):after{background:radial-gradient(circle closest-side,#ffffffbf 0%,#fff0 85%)}.p-colorwell.p-colorwell-touch.p-colorwell-large{width:36px;height:36px}.p-colorwell.p-colorwell-touch.p-colorwell-large.p-colorwell-set:after{width:26px;height:26px}.p-colorwell.p-colorwell-touch input[type=color]{width:auto;height:auto;inset:-8px}.p-colorwell.p-colorwell-touch.p-colorwell-large input[type=color]{inset:-4px}:root{--p-color-picker-bg:#fff;--p-color-picker-label:#1a1a1a;--p-color-picker-secondary:#727272;--p-color-picker-field:#78787833;--p-color-picker-ring:#000000d9;--p-color-picker-hairline:#0000001f;--p-color-checker:#d9d9d9;--p-color-picker-popover:#fafafaed;--p-color-picker-sheet:var(--p-desktop-modal-surface,#f7f7f7ba);--p-color-picker-fallback:var(--p-desktop-modal-fallback,#ebebeb);--p-color-picker-edge:0 0 0 .5px var(--p-desktop-modal-keyline,#00000057), inset 0 1px 0 var(--p-desktop-modal-rim,#fffffff2), inset 0 -1px 0 var(--p-desktop-modal-rim,#fffffff2), inset 0 40px 10px -40px var(--p-desktop-modal-glow,#ffffffd9), inset 0 -40px 12px -40px var(--p-desktop-modal-glow-bottom,#fff9);--p-color-picker-action:#0000001f;--p-color-picker-glyph:#0009;--p-color-picker-value-bg:#fff;--p-color-picker-divider:#c6c6c8}.p-dark-mode,[data-p-theme=darkmode]{--p-color-picker-bg:#1c1c1e;--p-color-picker-label:#f5f5f5;--p-color-picker-secondary:#8a8a8a;--p-color-picker-field:#7878805c;--p-color-picker-ring:#ffffffeb;--p-color-picker-hairline:#ffffff29;--p-color-checker:#48484a;--p-color-picker-popover:var(--p-desktop-modal-surface,#1a1a1ae6);--p-color-picker-sheet:var(--p-desktop-modal-surface,#1a1a1ae6);--p-color-picker-fallback:var(--p-desktop-modal-fallback,#1a1a1a);--p-color-picker-edge:0 0 0 .5px var(--p-desktop-modal-keyline,#000000b3), inset 0 1px 0 var(--p-desktop-modal-rim,#fff3), inset 0 -1px 0 var(--p-desktop-modal-rim,#fff3), inset 0 40px 10px -40px var(--p-desktop-modal-glow,#ffffff12), inset 0 -40px 12px -40px var(--p-desktop-modal-glow-bottom,#ffffff0f);--p-color-picker-action:#ffffff1f;--p-color-picker-glyph:#ffffffb3;--p-color-picker-value-bg:#ffffff1f;--p-color-picker-divider:#38383a}@media (prefers-color-scheme:dark){.p-auto-dark-mode{--p-color-picker-bg:#1c1c1e;--p-color-picker-label:#f5f5f5;--p-color-picker-secondary:#8a8a8a;--p-color-picker-field:#7878805c;--p-color-picker-ring:#ffffffeb;--p-color-picker-hairline:#ffffff29;--p-color-checker:#48484a;--p-color-picker-popover:var(--p-desktop-modal-surface,#1a1a1ae6);--p-color-picker-sheet:var(--p-desktop-modal-surface,#1a1a1ae6);--p-color-picker-fallback:var(--p-desktop-modal-fallback,#1a1a1a);--p-color-picker-edge:0 0 0 .5px var(--p-desktop-modal-keyline,#000000b3), inset 0 1px 0 var(--p-desktop-modal-rim,#fff3), inset 0 -1px 0 var(--p-desktop-modal-rim,#fff3), inset 0 40px 10px -40px var(--p-desktop-modal-glow,#ffffff12), inset 0 -40px 12px -40px var(--p-desktop-modal-glow-bottom,#ffffff0f);--p-color-picker-action:#ffffff1f;--p-color-picker-glyph:#ffffffb3;--p-color-picker-value-bg:#ffffff1f;--p-color-picker-divider:#38383a}}.p-light-mode,[data-p-theme=lightmode]{--p-color-picker-bg:#fff;--p-color-picker-label:#1a1a1a;--p-color-picker-secondary:#727272;--p-color-picker-field:#78787833;--p-color-picker-ring:#000000d9;--p-color-picker-hairline:#0000001f;--p-color-checker:#d9d9d9;--p-color-picker-popover:#fafafaed;--p-color-picker-sheet:var(--p-desktop-modal-surface,#f7f7f7ba);--p-color-picker-fallback:var(--p-desktop-modal-fallback,#ebebeb);--p-color-picker-edge:0 0 0 .5px var(--p-desktop-modal-keyline,#00000057), inset 0 1px 0 var(--p-desktop-modal-rim,#fffffff2), inset 0 -1px 0 var(--p-desktop-modal-rim,#fffffff2), inset 0 40px 10px -40px var(--p-desktop-modal-glow,#ffffffd9), inset 0 -40px 12px -40px var(--p-desktop-modal-glow-bottom,#fff9);--p-color-picker-action:#0000001f;--p-color-picker-glyph:#0009;--p-color-picker-value-bg:#fff;--p-color-picker-divider:#c6c6c8}.p-color-picker{box-sizing:border-box;backdrop-filter:blur(65px)saturate(180%);background:var(--p-color-picker-popover);width:402px;max-width:100%;box-shadow:var(--p-shadow-overlay,0 8px 48px #00000040), var(--p-color-picker-edge);color:var(--p-color-picker-label);border-radius:36px;padding:0 16px 19px;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Inter,sans-serif}.p-color-picker.p-color-picker-sheet{backdrop-filter:blur(30px)saturate(180%);background:var(--p-color-picker-sheet);border-radius:32px;width:auto;max-width:386px;margin:8px;padding-bottom:16px}.p-color-picker.p-color-picker-sheet .p-color-picker__header{padding-top:4px}.p-color-picker.p-color-picker-sheet .p-color-picker__saved{row-gap:15px}.p-color-picker.p-color-picker-opaque{backdrop-filter:none;background:var(--p-color-picker-bg);box-shadow:none}.p-color-picker *{box-sizing:border-box}.p-color-picker__header{align-items:center;gap:8px;min-height:44px;margin-bottom:5px;padding-top:8px;display:flex}.p-color-picker__title{letter-spacing:-.43px;text-align:center;flex:1;margin:0;font-size:17px;font-weight:590}.p-color-picker__header>.p-color-picker__title:first-child{text-align:left}.p-color-picker__action{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--p-color-picker-action);width:44px;height:44px;color:var(--p-color-picker-glyph);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:17px;line-height:1;display:inline-flex}.p-color-picker__action:focus-visible{outline:3px solid var(--p-focus-ring-color,#0088ff80);outline-offset:1px}.p-color-picker .p-segmented-touch{width:100%;margin-bottom:12px}.p-color-picker .p-segmented-touch:before{box-shadow:0 2px 20px #0000000f}.p-color-swatch{-webkit-appearance:none;appearance:none;background:linear-gradient(var(--p-color-swatch,transparent), var(--p-color-swatch,transparent)), conic-gradient(var(--p-color-checker) 0 25%, transparent 0 50%, var(--p-color-checker) 0 75%, transparent 0) 0 0 / 10px 10px;cursor:pointer;background-color:#fff;border:0;border-radius:50%;width:30px;height:30px;padding:0;transition:box-shadow .15s ease-out;display:block;position:relative}.p-color-swatch:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;transition:opacity .15s ease-out;position:absolute;inset:3px}.p-color-swatch[aria-pressed=true]:after,.p-color-swatch[aria-selected=true]:after,.p-color-swatch.p-selected:after{opacity:1}.p-color-swatch:focus-visible{outline:3px solid var(--p-sys-blue,#08f);outline-offset:3px}.p-color-swatch-empty,.p-color-swatch-add{background:var(--p-color-picker-field)}.p-color-swatch-add:before{content:"";background:var(--p-color-picker-label);width:12px;height:12px;margin:auto;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.p-color-picker__palette{border-radius:10px;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));width:100%;height:296px;display:grid;overflow:hidden}.p-color-cell{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--p-color-swatch,transparent);border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;display:block}.p-color-cell[aria-selected=true],.p-color-cell[aria-pressed=true],.p-color-cell.p-selected{box-shadow:inset 0 0 0 3px #fff}.p-color-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--p-control-accent,#08f), inset 0 0 0 5px #fff;outline:0}.p-color-picker__grid{grid-template-columns:repeat(auto-fit,30px);gap:22px 24px;display:grid}.p-color-picker__spectrum{cursor:crosshair;background:linear-gradient(#fff 0%,#fff0 50%,#0000 50%,#000 100%),linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:10px;width:100%;height:240px;position:relative;overflow:hidden}.p-color-picker__dot{left:var(--p-color-x,50%);top:var(--p-color-y,50%);background:var(--p-color-swatch,transparent);pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 0 0 3px #fff,0 1px 4px #0000004d}.p-color-picker__sliders{gap:16px;display:grid}.p-color-picker__row{align-items:center;gap:11px;display:flex}.p-color-picker__row>.p-color-slider{flex:1;min-width:0}.p-color-picker__row>.p-color-picker__label,.p-color-picker__row>.p-color-picker__value{flex:none}.p-color-picker__label{color:var(--p-color-picker-secondary);font-size:17px;font-weight:510}.p-color-slider{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:34px;margin:0}.p-color-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--p-color-track,#000, #fff)), conic-gradient(#000 0 25%, transparent 0 50%, #000 0 75%, transparent 0) 0 0 / 23.2px 23.2px;background-color:#fff;border:0;border-radius:17px;height:34px}.p-color-slider::-moz-range-track{background:linear-gradient(to right, var(--p-color-track,#000, #fff)), conic-gradient(#000 0 25%, transparent 0 50%, #000 0 75%, transparent 0) 0 0 / 23.2px 23.2px;background-color:#fff;border:0;border-radius:17px;height:34px}.p-color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;background:0 0;border:3px solid #fff;border-radius:50%;width:31px;height:31px;margin-top:1.5px;box-shadow:0 0 3px #0000001a,inset 0 0 3px #0000001a}.p-color-slider::-moz-range-thumb{box-sizing:border-box;background:0 0;border:3px solid #fff;border-radius:50%;width:31px;height:31px;box-shadow:0 0 3px #0000001a,inset 0 0 3px #0000001a}.p-color-slider:focus-visible{outline:3px solid var(--p-sys-blue,#08f);outline-offset:2px;border-radius:17px}.p-color-picker__value{background:var(--p-color-picker-value-bg);width:75px;height:34px;color:var(--p-color-picker-label);letter-spacing:-.43px;text-align:center;border:0;border-radius:8px;padding:0 8px;font-family:inherit;font-size:17px;font-weight:590}.p-color-picker__value:focus-visible{outline:3px solid var(--p-focus-ring-color,#0088ff80);outline-offset:0}.p-color-picker__opacity{gap:6px;margin-top:17px;display:grid}.p-color-picker__opacity>.p-color-picker__label{color:var(--p-color-picker-label);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:590;line-height:16px}.p-color-picker__footer>.p-color-picker__opacity{flex:1;margin-top:0}.p-color-picker__footer{border-top:1px solid var(--p-color-picker-divider);align-items:flex-end;gap:30px;margin-top:21px;padding-top:20px;display:flex}.p-color-picker__preview{background:linear-gradient(var(--p-color-swatch,transparent), var(--p-color-swatch,transparent)), conic-gradient(var(--p-color-checker) 0 25%, transparent 0 50%, var(--p-color-checker) 0 75%, transparent 0) 0 0 / 16px 16px;background-color:#fff;border-radius:10px;flex:none;width:75px;height:75px}.p-color-picker__saved{flex:1;grid-template-columns:repeat(5,30px);justify-content:space-between;gap:22px 0;display:grid}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.p-color-picker:not(.p-color-picker-opaque){background:var(--p-color-picker-fallback)}}@media (prefers-reduced-transparency:reduce){.p-color-picker:not(.p-color-picker-opaque){backdrop-filter:none;background:var(--p-color-picker-fallback)}}@media (prefers-contrast:more){.p-color-picker:not(.p-color-picker-opaque){background:var(--p-color-picker-fallback);box-shadow:var(--p-shadow-overlay,0 8px 48px #00000040), 0 0 0 1px var(--p-color-picker-ring)}.p-color-swatch:after{box-shadow:0 0 0 1px #0009}}@media (prefers-reduced-motion:reduce){.p-color-swatch,.p-color-swatch:after{transition:none}}@media (forced-colors:active){.p-color-picker:not(.p-color-picker-opaque){border:1px solid canvastext}.p-color-swatch,.p-color-cell,.p-color-picker__preview{forced-color-adjust:none;border:1px solid buttonborder}.p-color-swatch[aria-pressed=true],.p-color-swatch.p-selected,.p-color-cell[aria-selected=true],.p-color-cell.p-selected{outline-offset:2px;outline:2px solid highlight}}.p-color-picker [data-p-color-panel][hidden]{display:none}