@keyframes spinner{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-rotate{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}.gloss-preset-colorpicker{flex-direction:column;gap:4px;display:inline-flex;position:relative}.gloss-preset-colorpicker--disabled{opacity:.5;pointer-events:none}.gloss-preset-colorpicker__label{font-size:.875rem;font-weight:500}.gloss-preset-colorpicker__trigger{border:1px solid var(--gloss-color-border-default);border-radius:var(--gloss-radius-md);background:var(--gloss-color-bg-surface);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;display:flex}.gloss-preset-colorpicker__trigger:disabled{cursor:not-allowed}.gloss-preset-colorpicker__value{flex:1;font-family:monospace;font-size:.8125rem}.gloss-preset-colorpicker__dropdown{z-index:10;background:var(--gloss-color-bg-surface);border:1px solid var(--gloss-color-border-default);border-radius:var(--gloss-radius-md);margin-top:4px;position:absolute;top:100%;left:0}.gloss-preset-colorpicker__native{cursor:pointer;border:none;width:100%;height:100%;padding:0}.gloss-preset-colorpicker__swatches{flex-wrap:wrap;gap:4px;display:flex}.gloss-preset-colorpicker__swatch-btn{cursor:pointer;border:2px solid #0000;border-radius:4px;width:24px;height:24px;padding:0}.gloss-preset-colorpicker__swatch-btn--selected{border-color:var(--gloss-color-brand-primary);box-shadow:0 0 0 1px var(--gloss-color-brand-primary)}.gloss-preset-colorpicker__input-row{margin-top:4px}.gloss-preset-colorpicker__text-input{border:1px solid var(--gloss-color-border-default);border-radius:var(--gloss-radius-sm);box-sizing:border-box;background:0 0;width:100%;padding:4px 8px;font-family:monospace;font-size:.8125rem}.gloss-preset-colorpicker__helper{font-size:.75rem}
@keyframes spinner{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-rotate{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}.gloss-base-colorpicker{border-radius:var(--_radius,0);box-shadow:var(--_elevation,none);padding:var(--_padding,0);box-sizing:border-box;flex-direction:column;gap:8px;display:flex}.gloss-base-colorpicker[data-disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}.gloss-base-colorpicker__saturation{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:4px;width:100%;position:relative;overflow:hidden}.gloss-base-colorpicker__hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;width:100%;height:12px;position:relative}.gloss-base-colorpicker__alpha{cursor:pointer;touch-action:none;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:6px;width:100%;height:12px;position:relative}.gloss-base-colorpicker__swatch{width:var(--_swatch-size,24px);height:var(--_swatch-size,24px);box-sizing:border-box;border:2px solid #0000001a;border-radius:50%;flex-shrink:0}