.fig-group.svelte-1xirugb{width:100%;margin-bottom:var(--spacer-2-5);display:block}.fig-group.svelte-1xirugb[data-collapsible] h3{-webkit-user-select:none;user-select:none;cursor:default}.fig-group.svelte-1xirugb[data-collapsible][data-open=false]{margin-bottom:0}.fig-group.svelte-1xirugb[data-collapsible][data-open=false] .fig-header{color:var(--figma-color-text-secondary)}.fig-group.svelte-1xirugb[data-collapsible][data-open=false] .fig-header:hover{color:var(--figma-color-text)}.fig-group.svelte-1xirugb .fig-group-chevron{color:var(--figma-color-text-tertiary);transition:transform var(--transition-duration) var(--transition-timing-function)}.fig-group.svelte-1xirugb[data-collapsible][data-open=false] .fig-header:hover .fig-group-chevron{color:inherit}.fig-group+.fig-group{box-shadow:inset 0 1px 0 0 var(--figma-color-border)}.fig-group+.fig-group:not([data-named]){padding-top:var(--spacer-2-5)}.fig-group-body[hidden].svelte-1xirugb{display:none}.fig-input-number.svelte-vlcisj{background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);-webkit-user-select:all;user-select:all;width:8.9375rem;min-width:0;color:var(--figma-color-text);border:0;flex-wrap:nowrap;flex:0 auto;justify-content:center;gap:0;display:inline-flex}.fig-input-number.svelte-vlcisj[data-full]{flex:1;width:100%;display:flex}.fig-input-number.svelte-vlcisj [data-slot]:where(.svelte-vlcisj){-webkit-user-select:none;user-select:none;width:1.5rem;color:var(--figma-color-text-secondary);cursor:ew-resize;flex-wrap:nowrap;justify-content:center;align-items:center;display:flex}.fig-input-number.svelte-vlcisj [data-slot=prepend]:where(.svelte-vlcisj){margin-right:calc(var(--spacer-2) * -1);order:0}.fig-input-number.svelte-vlcisj [data-slot=append]:where(.svelte-vlcisj){margin-left:calc(var(--spacer-2) * -1);order:2}.fig-input-number.svelte-vlcisj .input:where(.svelte-vlcisj){flex:1;order:1;background-color:#0000!important}.fig-input-number.svelte-vlcisj .input:where(.svelte-vlcisj):focus,.fig-input-number.svelte-vlcisj .input:where(.svelte-vlcisj):active{box-shadow:none!important;outline:0!important}.fig-input-number.svelte-vlcisj:has(.input:where(.svelte-vlcisj):focus){outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-input-number.svelte-vlcisj:hover{box-shadow:inset 0 0 0 1px var(--figma-color-border)}.fig-input-number.svelte-vlcisj[data-disabled]{background-color:var(--figma-color-bg);pointer-events:none;cursor:not-allowed;color:var(--figma-color-text-disabled);box-shadow:inset 0 0 0 1px var(--figma-color-border-disabled)}.fig-input-number.svelte-vlcisj[data-disabled] [data-slot]:where(.svelte-vlcisj){color:var(--figma-color-text-disabled)}.input.svelte-vlcisj{background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);padding:var(--spacer-1) var(--spacer-2);box-sizing:content-box;min-width:0;font:inherit;color:inherit;appearance:textfield;border:0;display:flex;line-height:1rem!important}.input.svelte-vlcisj:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.input.svelte-vlcisj::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.input.svelte-vlcisj::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.fig-steppers.svelte-vlcisj{border-radius:0 var(--radius-medium) var(--radius-medium) 0;flex-direction:column;flex-shrink:0;order:3;display:flex;overflow:hidden}.fig-steppers.svelte-vlcisj button:where(.svelte-vlcisj){appearance:none;background-color:var(--figma-color-text-secondary);border:0;flex:1;width:1.5rem;margin:0;padding:0;display:block;-webkit-mask-position:50% -3.5px;mask-position:50% -3.5px;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fig-steppers.svelte-vlcisj button:where(.svelte-vlcisj):hover,.fig-steppers.svelte-vlcisj button:where(.svelte-vlcisj):active{background-color:var(--figma-color-text)!important}.fig-steppers.svelte-vlcisj button:where(.svelte-vlcisj):disabled{pointer-events:none;background-color:var(--figma-color-text-disabled)}.fig-steppers.svelte-vlcisj .fig-stepper-up:where(.svelte-vlcisj){-webkit-mask-image:var(--icon-16-chevron);mask-image:var(--icon-16-chevron);rotate:180deg}.fig-steppers.svelte-vlcisj .fig-stepper-up:where(.svelte-vlcisj):active{transform:translateY(1px)}.fig-steppers.svelte-vlcisj .fig-stepper-down:where(.svelte-vlcisj){-webkit-mask-image:var(--icon-16-chevron);mask-image:var(--icon-16-chevron)}.fig-steppers.svelte-vlcisj .fig-stepper-down:where(.svelte-vlcisj):active{transform:translateY(1px)}.fig-slider.svelte-hps5gz{--slider-field-height:1.5rem;--slider-height:1rem;--slider-thumb-size:var(--slider-height);--slider-thumb-width:var(--slider-thumb-size);--slider-thumb-height:var(--slider-thumb-size);--slider-thumb-color:var(--handle-color);--slider-thumb-radius:calc(var(--slider-thumb-width) / 2);--slider-thumb-opacity:1;--slider-thumb-outline:none;--slider-thumb-outline-offset:2px;--slider-tick-opacity:1;--slider-tick-radius:100%;--slider-border-radius:calc(var(--slider-height) / 2);--slider-tick-width:calc(var(--slider-height) / 4);--slider-tick-height:calc(var(--slider-height) / 4);--slider-stepper-padding:calc((var(--slider-height) / 2) - var(--slider-tick-width) / 2);--slider-percent:calc(var(--slider-complete) * 100%);--start-percent:calc(var(--default,0) * 100%);--slider-handle-shadow:inset 0 0 0 calc(4px + .5rem * var(--unchanged)) var(--slider-thumb-color), 0px 0 0 .5px #0000001a, var(--figma-elevation-100);--slider-transition:none;--handle-transition:var(--slider-transition);--slider-checkerboard:var(--checkerboard);align-items:center;gap:var(--spacer-2);min-width:0;height:var(--slider-field-height);transition:var(--slider-transition);outline:none;display:flex;position:relative}.fig-slider.svelte-hps5gz[data-full]{width:100%;display:flex}.fig-slider.svelte-hps5gz .fig-input-number{flex:0 0 3rem}.fig-slider.svelte-hps5gz:has(input[type=range]:where(.svelte-hps5gz):focus-visible){outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-slider.svelte-hps5gz .fig-slider-input-container:where(.svelte-hps5gz){height:var(--slider-height);min-width:0;transition:var(--slider-transition);background:var(--figma-color-bg-secondary);border-radius:var(--slider-border-radius);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);flex:1 1 0;display:block;position:relative}.fig-slider.svelte-hps5gz .fig-slider-input-container:where(.svelte-hps5gz):before{content:"";background:var(--figma-color-bg-brand);pointer-events:none;border-radius:var(--slider-border-radius);min-width:var(--slider-height);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);width:calc(var(--slider-percent) + (1 - var(--slider-complete)) * var(--slider-height));max-width:100%;position:absolute;top:0;bottom:0;left:0}.fig-slider.svelte-hps5gz[data-type=stepper] .fig-slider-input-container:where(.svelte-hps5gz):before{display:none}.fig-slider.svelte-hps5gz[data-type=delta] datalist option{left:calc(var(--start-percent) - var(--slider-tick-width) / 2);top:calc(50% - var(--slider-tick-height) / 2);margin:0;position:absolute}.fig-slider.svelte-hps5gz[data-type=delta] .fig-slider-input-container:where(.svelte-hps5gz):before{--left-start:calc(var(--start-percent) - var(--slider-height) / 2);left:min(var(--left-start), var(--slider-percent) - var(--slider-complete) * var(--slider-height));--width:calc(var(--slider-percent) - var(--start-percent));--abs-width:max(var(--width) + var(--slider-height) / 2 + (1 - var(--slider-complete)) * var(--slider-height), -1 * var(--width) + var(--slider-height) / 2 + var(--slider-complete) * var(--slider-height));width:var(--abs-width);--delta:calc(var(--slider-complete) - var(--default));--abs-delta:max(var(--delta), -1 * var(--delta));opacity:calc(var(--abs-delta) * 100)}.fig-slider.svelte-hps5gz[data-type=hue] .fig-slider-input-container:where(.svelte-hps5gz):before,.fig-slider.svelte-hps5gz[data-type=opacity] .fig-slider-input-container:where(.svelte-hps5gz):before{display:none}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz){height:var(--slider-height);appearance:none;border-radius:var(--slider-border-radius);width:100%;min-width:0;transition:var(--slider-transition);background-color:#0000;display:block;position:relative}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):focus,.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):focus-visible{outline:none}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):disabled{cursor:not-allowed}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):active::-webkit-slider-thumb{cursor:grabbing}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz)::-webkit-slider-thumb{appearance:none;color-scheme:inherit;transition:var(--handle-transition);border-radius:var(--slider-thumb-radius);height:var(--slider-thumb-height);width:var(--slider-thumb-width);margin-top:calc(var(--slider-height) / 2 - var(--slider-thumb-height) / 2);outline:var(--slider-thumb-outline);outline-offset:var(--slider-thumb-outline-offset);aspect-ratio:1;z-index:1;cursor:default;box-shadow:var(--slider-handle-shadow);opacity:var(--slider-thumb-opacity);background:0 0;border:none;position:relative}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):disabled::-webkit-slider-thumb{box-shadow:inset 0 0 0 1rem var(--figma-color-bg-disabled)}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz)::-webkit-slider-runnable-track{color-scheme:inherit;height:var(--slider-height);transition:var(--slider-transition);border-radius:var(--slider-border-radius);background-color:#0000}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):disabled::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--figma-color-bg-secondary) 0%, var(--figma-color-bg-secondary) var(--slider-percent), var(--figma-color-bg) var(--slider-percent))}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz).hue::-webkit-slider-runnable-track{background:var(--bg-hue)}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz).opacity::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent, var(--color)), var(--slider-checkerboard)}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):active::-moz-range-thumb{cursor:grabbing}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz)::-moz-range-thumb{appearance:none;color-scheme:inherit;transition:var(--handle-transition);border-radius:var(--slider-thumb-radius);height:var(--slider-thumb-height);width:var(--slider-thumb-width);outline:var(--slider-thumb-outline);outline-offset:var(--slider-thumb-outline-offset);aspect-ratio:1;z-index:1;cursor:default;box-shadow:var(--slider-handle-shadow);opacity:var(--slider-thumb-opacity);background:0 0;border:none;position:relative}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):disabled::-moz-range-thumb{box-shadow:inset 0 0 0 1rem var(--figma-color-bg-disabled)}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz)::-moz-range-track{height:var(--slider-height);border-radius:var(--slider-border-radius);transition:var(--slider-transition);background-color:#0000}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz):disabled::-moz-range-track{background:linear-gradient(to right, var(--figma-color-bg-secondary) 0%, var(--figma-color-bg-secondary) var(--slider-percent), var(--figma-color-bg) var(--slider-percent))}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz).hue::-moz-range-track{background:var(--bg-hue)}.fig-slider.svelte-hps5gz input[type=range]:where(.svelte-hps5gz).opacity::-moz-range-track{background:linear-gradient(to right, transparent, var(--color)), var(--slider-checkerboard)}.fig-slider.svelte-hps5gz datalist{transition:var(--slider-transition);appearance:none;padding:0 var(--slider-stepper-padding);height:var(--slider-height);pointer-events:none;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin:0;display:flex;position:absolute;inset:0}.fig-slider.svelte-hps5gz datalist option{appearance:none;width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-radius);background:var(--figma-color-icon-tertiary);opacity:var(--slider-tick-opacity);border:0;padding:0;font-size:0;display:block}.fig-slider.svelte-hps5gz datalist option:first-child:last-child{margin:0 auto}.fig-slider.svelte-hps5gz datalist option[data-default]{background:var(--figma-color-icon)}.fig-slider.svelte-hps5gz:not([data-variant=classic]){--slider-height:.375rem;--slider-thumb-size:.75rem;--slider-tick-width:calc(var(--slider-height) / 2);--slider-tick-height:calc(var(--slider-height) / 2);--handle-transition:none;--slider-transition:none;--slider-handle-shadow:inset 0 0 0 calc(6px + .5rem * var(--unchanged)) var(--slider-thumb-color), 0 0 0 .75px #00000013, inset 0 0 0 5px #0000001a, var(--figma-elevation-100);--slider-checkerboard:var(--checkerboard-slider);background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);padding-left:var(--spacer-2)}.fig-slider.svelte-hps5gz:not([data-variant=classic])[data-text=false]{padding-right:var(--spacer-2)}.fig-slider.svelte-hps5gz:not([data-variant=classic]) .fig-slider-input-container:where(.svelte-hps5gz){box-shadow:none;background-color:var(--figma-color-bg-tertiary)}.fig-slider.svelte-hps5gz[data-disabled]{cursor:not-allowed}.fig-input-text.svelte-ebgo6v{background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);width:8.9375rem;min-width:0;color:var(--figma-color-text);border:0;flex-wrap:nowrap;flex:0 auto;justify-content:center;display:inline-flex}.fig-input-text.svelte-ebgo6v[data-full]{flex:1;width:100%;display:flex}.fig-input-text.svelte-ebgo6v[data-multiline]{width:100%;display:flex}.fig-input-text.svelte-ebgo6v[data-autoresize] .input:where(.svelte-ebgo6v){field-sizing:content}.fig-input-text.svelte-ebgo6v[data-resizable] .input:where(.svelte-ebgo6v){resize:both}.fig-input-text.svelte-ebgo6v [data-slot]:where(.svelte-ebgo6v){-webkit-user-select:none;user-select:none;width:1.5rem;color:var(--figma-color-text-secondary);flex-wrap:nowrap;justify-content:center;align-items:center;display:flex}.fig-input-text.svelte-ebgo6v [data-slot=prepend]:where(.svelte-ebgo6v){margin-right:calc(var(--spacer-2) * -1);order:0}.fig-input-text.svelte-ebgo6v [data-slot=append]:where(.svelte-ebgo6v){margin-left:calc(var(--spacer-2) * -1);order:2}.fig-input-text.svelte-ebgo6v [data-slot=append][data-hidden]:where(.svelte-ebgo6v){visibility:hidden;pointer-events:none}.fig-input-text.svelte-ebgo6v [data-slot]:where(.svelte-ebgo6v) button:where(.svelte-ebgo6v){appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.fig-input-text.svelte-ebgo6v [data-slot]:where(.svelte-ebgo6v) button:where(.svelte-ebgo6v):disabled{cursor:not-allowed}.fig-input-text.svelte-ebgo6v .input:where(.svelte-ebgo6v){border-radius:var(--radius-medium);padding:var(--spacer-1) var(--spacer-2);box-sizing:content-box;resize:none;min-width:0;font:inherit;color:inherit;border:0;flex:1;order:1;background-color:#0000!important;line-height:1rem!important}.fig-input-text.svelte-ebgo6v .input:where(.svelte-ebgo6v):focus,.fig-input-text.svelte-ebgo6v .input:where(.svelte-ebgo6v):active{box-shadow:none!important;outline:0!important}.fig-input-text.svelte-ebgo6v:has(.input:where(.svelte-ebgo6v):focus){outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-input-text.svelte-ebgo6v:hover{box-shadow:inset 0 0 0 1px var(--figma-color-border)}.fig-input-text.svelte-ebgo6v[data-disabled]{background-color:var(--figma-color-bg);pointer-events:none;cursor:not-allowed;color:var(--figma-color-text-disabled);box-shadow:inset 0 0 0 1px var(--figma-color-border-disabled)}.fig-input-text.svelte-ebgo6v[data-disabled] [data-slot]:where(.svelte-ebgo6v){color:var(--figma-color-text-disabled)}.fig-popup.svelte-1wi7apv{z-index:1000;background:var(--figma-color-bg);border-radius:var(--radius-medium);box-shadow:var(--figma-elevation-400-menu-panel);position:fixed}.fig-popup.svelte-1wi7apv[data-theme=menu]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--figma-color-bg-menu:#1e1e1e;background:var(--figma-color-bg-menu);color:var(--figma-color-text-menu);padding:var(--spacer-2);min-width:6rem;box-shadow:var(--figma-elevation-100)}.fig-handle.svelte-execvp{--width:1rem;--height:1rem;--fig-handle-bg:var(--handle-color);--fig-handle-inner-bg:var(--figma-color-bg-brand);--fig-handle-inner-radius:50%;--fig-handle-outline:1.5px solid var(--fig-handle-outline-color);--fig-handle-outline-color:transparent;--fig-handle-outline-offset:0px;--fig-handle-padding:.25rem;--fig-handle-shadow:none;padding:var(--fig-handle-padding);box-sizing:border-box;width:var(--width);height:var(--height);background:var(--fig-handle-bg);outline:var(--fig-handle-outline);outline-offset:var(--fig-handle-outline-offset);box-shadow:var(--fig-handle-shadow);touch-action:none;cursor:default;border-radius:50%;place-items:center;margin:0;display:grid}.fig-handle.svelte-execvp:after{content:"";background:var(--fig-handle-inner-bg);border-radius:var(--fig-handle-inner-radius);grid-area:1/1;place-self:center;width:100%;height:100%}.fig-handle.svelte-execvp[data-size=small]{--width:.75rem;--height:.75rem;--fig-handle-padding:3px}.fig-handle.svelte-execvp:hover,.fig-handle.svelte-execvp[data-selected]{--fig-handle-outline-color:var(--figma-color-border-selected);--fig-handle-shadow:var(--figma-elevation-200-canvas)}.fig-handle.svelte-execvp:focus-visible{--figma-focus-outline-offset:1px;outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-handle.svelte-execvp[data-disabled]{cursor:not-allowed;background-color:var(--figma-color-bg-disabled)}.fig-handle.svelte-execvp[data-disabled]:after{--fig-handle-inner-bg:var(--figma-color-icon-disabled)}.fig-easing-curve.svelte-mxte1n{gap:var(--spacer-2);flex-direction:column;width:100%;display:flex}.fig-easing-curve.svelte-mxte1n.spring-mode .fig-easing-curve-svg-container:where(.svelte-mxte1n){cursor:ew-resize}.fig-easing-curve.svelte-mxte1n.spring-mode.spring-bounce-dragging .fig-easing-curve-svg-container:where(.svelte-mxte1n),.fig-easing-curve.svelte-mxte1n.spring-mode .fig-easing-curve-handle[data-handle=bounce]:where(.svelte-mxte1n){cursor:ns-resize}.fig-easing-curve-svg-container.svelte-mxte1n{border-radius:var(--radius-medium);background:var(--figma-color-bg-secondary);padding:var(--spacer-3);overflow:hidden}.fig-easing-curve-svg-container.svelte-mxte1n:is(:where(.svelte-mxte1n):hover,:where(.svelte-mxte1n):active,:where(.svelte-mxte1n):focus-within){overflow:visible}.fig-easing-curve-svg-measure.svelte-mxte1n{width:100%}.fig-easing-curve-svg.svelte-mxte1n{width:100%;aspect-ratio:var(--aspect-ratio,1 / 1);overflow:visible}.fig-easing-curve-boundary.svelte-mxte1n,.fig-easing-curve-bounds.svelte-mxte1n,.fig-easing-curve-arm.svelte-mxte1n,.fig-easing-curve-path.svelte-mxte1n,.fig-easing-curve-target.svelte-mxte1n{pointer-events:none}.fig-easing-curve-boundary.svelte-mxte1n{stroke:var(--figma-color-bordertranslucent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-bounds.svelte-mxte1n{fill:#0000}.fig-easing-curve-arm.svelte-mxte1n{stroke:var(--figma-color-bordertranslucent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-arm.svelte-mxte1n.is-active{stroke:var(--figma-color-bg-brand)}.fig-easing-curve-path.svelte-mxte1n{fill:none;stroke:var(--figma-color-text);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-target.svelte-mxte1n{stroke:var(--figma-color-bordertranslucent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-handle.svelte-mxte1n{pointer-events:all;cursor:default;overflow:visible}.fig-fill-picker-trigger.svelte-xjf0pj{appearance:none;cursor:pointer;width:var(--spacer-4);height:var(--spacer-4);border-radius:var(--radius-medium);background:0 0;background-color:var(--figma-color-bg-secondary);background-image:var(--checkerboard-swatch);border:0;flex-shrink:0;margin:0;padding:0;display:inline-grid}.fig-fill-picker-trigger.svelte-xjf0pj[data-selected]{box-shadow:inset 0 0 0 1px var(--figma-color-border-selected)}.fig-fill-picker-trigger.svelte-xjf0pj:disabled{cursor:not-allowed;opacity:.5}.fig-fill-picker-trigger.svelte-xjf0pj:focus-visible{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-fill-picker-trigger-swatch.svelte-xjf0pj{border-radius:inherit;background:var(--checkerboard-swatch);grid-area:1/1;place-self:center;width:100%;height:100%;position:relative;overflow:hidden}.fig-fill-picker-trigger-swatch.svelte-xjf0pj:before{content:"";background-color:var(--swatch-background);-webkit-mask-image:linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, var(--swatch-alpha)) 50%);mask-image:linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, var(--swatch-alpha)) 50%);position:absolute;inset:0}.fig-fill-picker-trigger-swatch.svelte-xjf0pj:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);position:absolute;inset:0}.fig-fill-picker-dialog.svelte-xjf0pj{border-radius:inherit;width:15rem;padding-bottom:var(--spacer-2-5);overflow:hidden}.fig-fill-picker-color-area.svelte-xjf0pj{aspect-ratio:1;width:calc(100% - var(--spacer-3) * 2);margin:var(--spacer-2) var(--spacer-3);touch-action:none;position:relative}.fig-fill-picker-color-area.svelte-xjf0pj canvas:where(.svelte-xjf0pj){border-radius:var(--radius-medium);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);display:block}.fig-fill-picker-handle-wrap.svelte-xjf0pj{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.fig-fill-picker-sliders.svelte-xjf0pj{grid-template-columns:calc(3.5rem + var(--spacer-3)) 1fr;padding:0 var(--spacer-3) var(--spacer-2);align-items:center;gap:var(--spacer-2);grid-template-rows:1fr 1fr;display:grid}.fig-fill-picker-sliders.svelte-xjf0pj .fig-fill-picker-eyedropper{grid-area:1/1/3;place-self:center;width:3.5rem;height:3.5rem}.fig-fill-picker-sliders.svelte-xjf0pj .fig-slider{grid-column:2;min-width:0}.fig-fill-picker-sliders.svelte-xjf0pj.is-hue-only{grid-template-rows:1fr}.fig-fill-picker-sliders.svelte-xjf0pj.is-hue-only .fig-fill-picker-eyedropper{width:auto;height:var(--spacer-4);grid-row:1}.fig-fill-picker-inputs.svelte-xjf0pj{padding:0 var(--spacer-3)}.input-combo.svelte-xjf0pj{align-items:center;gap:1px;display:flex}.fig-input-fill.svelte-b99vcj{align-items:center;gap:1px;display:inline-flex}.fig-input-fill.svelte-b99vcj[data-full]{width:100%;display:flex}.fig-input-fill.svelte-b99vcj[data-full] .fig-input-text{flex:auto;min-width:0}