.-f_display_flex{display:flex}.-f_display_inline-flex{display:inline-flex}.-f_gap{gap:var(--f-gap)}.-f_flex{flex:var(--f-flex)}.-f_direction_row{flex-direction:row}.-f_direction_row-reverse{flex-direction:row-reverse}.-f_direction_column{flex-direction:column}.-f_direction_column-reverse{flex-direction:column-reverse}.-f_align_stretch{align-items:stretch}.-f_align_flex-start{align-items:flex-start}.-f_align_center{align-items:center}.-f_align_flex-end{align-items:flex-end}.-f_align_baseline{align-items:baseline}.-f_justify_flex-start{justify-content:flex-start}.-f_justify_center{justify-content:center}.-f_justify_flex-end{justify-content:flex-end}.-f_justify_space-between{justify-content:space-between}.-f_justify_space-around{justify-content:space-around}.-f_justify_space-evenly{justify-content:space-evenly}.-f_wrap_nowrap{flex-wrap:nowrap}.-f_wrap_wrap{flex-wrap:wrap}.-f_wrap_wrap-reverse{flex-wrap:wrap-reverse}.-toolbar-title{font:var(--size-150)/var(--size-200) "Inter","Noto Serif",Cambria,"Times New Roman",Times,serif;font-weight:var(--font-weight-semi-bold);justify-content:space-between;margin:0;display:flex}.-toolbar-fill-color__content{box-sizing:border-box;flex-direction:column;gap:12px;width:228px;padding:4px;display:flex}.-toolbar-fill-color__palette{grid-template-columns:repeat(8,24px);justify-content:start;gap:4px;display:grid}.-toolbar-fill-color__palette_main{border-bottom:1px solid var(--ui-border-color,#e5e5e5);padding-bottom:8px}.-toolbar-fill-color__header{justify-content:space-between;align-items:center;display:flex}.-toolbar-fill-color__picker-dropdown{box-sizing:border-box;background-color:var(--color-white);border:1px solid var(--color-border-default);width:220px;box-shadow:var(--crepe-shadow-2);border-radius:8px;flex-direction:column;gap:10px;padding:8px;display:flex}.-toolbar-fill-color__custom{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.-toolbar-fill-color__swatch-button{box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .15s;display:inline-flex;position:relative;transform:scale(1)}.-toolbar-fill-color__swatch-button:hover{transition:all .15s;transform:scale(1.1)}.-toolbar-fill-color__swatch-button_active{border-width:2px;border-color:var(--color-bg-accent-blue-300)}.-toolbar-fill-color__swatch-button_add{border-color:var(--color-border-default)}.-toolbar-fill-color__swatch{border:1px solid var(--grey-600);box-sizing:border-box;background-color:var(--grey-600);border-radius:999px;width:100%;height:100%;position:relative;overflow:hidden}.-toolbar-fill-color__swatch_off{background-color:#fff;position:absolute}.-toolbar-fill-color__swatch_off:after{content:"";background-color:var(--grey-600);width:100%;height:1px;margin:auto;display:block;position:absolute;inset:0;transform:rotate(-45deg)}.-toolbar-fill-color__sv{box-sizing:border-box;cursor:crosshair;border-top-left-radius:8px;border-top-right-radius:8px;width:calc(100% + 16px);height:172px;margin:-8px -8px 0;position:relative;overflow:hidden}.-toolbar-fill-color__sv-white-layer{pointer-events:none;background:linear-gradient(90deg,#fff,#fff0);position:absolute;inset:0}.-toolbar-fill-color__sv-black-layer{pointer-events:none;background:linear-gradient(#0000,#000);position:absolute;inset:0}.-toolbar-fill-color__sv-cursor{box-sizing:border-box;pointer-events:none;border:4px solid #fff;border-radius:999px;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000047,0 0 0 1px #0000004d}.-toolbar-fill-color__range{border:1px solid var(--color-border-default);box-sizing:border-box;border-radius:999px;width:100%;height:16px;position:relative;overflow:hidden}.-toolbar-fill-color__range input{cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.-toolbar-fill-color__range input::-webkit-slider-runnable-track{background:0 0;height:100%}.-toolbar-fill-color__range input::-webkit-slider-thumb{border:1px solid var(--color-border-default);-webkit-appearance:none;background-color:#fff;border-radius:50%;width:14px;height:14px;margin-top:0}.-toolbar-fill-color__range input::-moz-range-track{background:0 0;border:0;height:100%}.-toolbar-fill-color__range input::-moz-range-thumb{background-color:#fff;border:1px solid #fff;border-radius:50%;width:14px;height:14px}.-toolbar-fill-color__range_hue{background:linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red)}.-toolbar-fill-color__sliders-row{align-items:center;gap:8px;display:flex}.-toolbar-fill-color__sliders{flex-direction:column;flex:1;gap:8px;display:flex}.-toolbar-fill-color__eye-dropper{color:#202939;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s;display:inline-flex}.-toolbar-fill-color__eye-dropper:hover{background-color:var(--color-bg-tertiary)}.-toolbar-fill-color__eye-dropper:disabled{opacity:.4;cursor:default}.-toolbar-fill-color__eye-dropper svg{fill:currentColor;width:14px;height:14px}.-toolbar-fill-color__checker{background-color:#0000;background-image:linear-gradient(45deg,#d6d8de 25%,#0000 0),linear-gradient(-45deg,#d6d8de 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d6d8de 0),linear-gradient(-45deg,#0000 75%,#d6d8de 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:0}.-toolbar-fill-color__alpha-gradient{pointer-events:none;position:absolute;inset:0}.-toolbar-fill-color__add-icon{border-radius:999px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:inline-flex}.-toolbar-fill-color__add-icon svg{width:14px;height:14px}.-toolbar-fill-color__hex-input,.-toolbar-fill-color__hex-input .-input__wrapper{width:100%}.-toolbar-fill-color__hex-input input{border:1px solid var(--color-border-default);box-sizing:border-box;color:#202939;letter-spacing:0;text-transform:lowercase;background-color:#fff;border-radius:8px;outline:none;height:32px;padding:0 12px;font-size:14px;font-weight:600;line-height:1}.-toolbar-fill-color__hex-input input:focus{border-color:#4254ff}