.-toolbar-fill{align-items:center;display:flex}.-toolbar-fill__dropdown{box-sizing:border-box;flex-direction:column;gap:10px;padding:2px;display:flex}.-toolbar-fill__trigger{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.-toolbar-fill__swatch{border:1px solid var(--grey-600);box-sizing:border-box;background-color:#0000;background-image:linear-gradient(45deg,#e7e7e7 25%,#0000 0),linear-gradient(-45deg,#e7e7e7 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e7e7e7 0),linear-gradient(-45deg,#0000 75%,#e7e7e7 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;border-radius:999px;width:100%;height:100%;position:relative;overflow:hidden}.-toolbar-fill__swatch-off{background-color:#fff;position:absolute;inset:0}.-toolbar-fill__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__swatch-color{border-radius:inherit;position:absolute;inset:0}