@layer properties;.color-picker-wrap{display:flex;max-height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:space-between}.color-picker-wrap .item-color{margin-right:calc(var(--spacing, .25rem) * 2);display:flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);align-items:center;justify-content:center;border-radius:calc(infinity * 1px)}.color-picker-wrap .custom-picker-wrap{border-width:0px;border-left-width:1px;--tw-border-style: solid;border-style:solid;border-color:var(--dividers)}.color-picker-wrap .custom-picker-wrap .custom-picker-button{background:linear-gradient(180deg,#ee46bc,#f04438,#f79009,#12b76a,#4a9aff,#7a5af8,#667085);position:relative;margin-left:calc(var(--spacing, .25rem) * 2);display:flex;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);align-items:center;justify-content:center;border-radius:calc(infinity * 1px)}.color-picker-wrap .custom-picker-wrap .custom-picker-button .color-picker{position:absolute;top:0;right:0;height:0px;width:0px;opacity:0%}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}