.dx-color-field-container-08044efb{flex-direction:column;flex:1;gap:4px;display:flex}.dx-color-field-description-08044efb{color:var(--secondary-color-5);font-size:14px;line-height:1.5}.dx-color-swatch-08044efb{box-sizing:border-box;border:1px solid color-mix(in oklab, var(--primary-color) 10%, transparent);background-color:var(--swatch-color);background-image:linear-gradient(var(--swatch-color), var(--swatch-color)), repeating-conic-gradient(#ccc 0% 25%, white 0% 50%);forced-color-adjust:none;border-radius:.25rem;width:2rem;height:2rem}.dx-color-slider-container-08044efb{flex-direction:column;grid-template-columns:1fr auto;align-items:center;gap:8px;width:224px;display:grid}.dx-color-slider-title-08044efb{width:fit-content;color:var(--secondary-color-4);font-size:.875rem;font-weight:500;line-height:1.5rem}.dx-color-slider-output-08044efb{color:var(--secondary-color-5);font-size:.875rem;font-weight:500;line-height:1.5rem}.dx-color-slider-08044efb{touch-action:none;grid-column:span 2/span 2;align-items:center;display:flex;position:relative}.dx-color-slider-track-08044efb{box-sizing:border-box;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:.375rem;flex-grow:1;height:24px;position:relative}.dx-color-slider-thumb-08044efb{all:unset;border:2px solid var(--secondary-color-2);cursor:pointer;forced-color-adjust:none;border-radius:50%;width:16px;height:16px;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.dx-color-slider-thumb-08044efb:hover{transform:translate(-50%,-50%)scale(1.15)}.dx-color-slider-thumb-08044efb:focus-visible{transform:translate(-50%,-50%)scale(1.15)}.dx-color-slider-thumb-08044efb[data-dragging=true]{transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,0 2px 6px rgba(0,0,0,.3)}.dx-color-area-container-08044efb{aspect-ratio:1;forced-color-adjust:none;touch-action:none;width:100%;max-width:224px;min-height:116px;display:flex;position:relative}.dx-color-area-track-08044efb{box-sizing:border-box;background:linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent), var(--area-color);border-radius:10px;flex-grow:1}.dx-color-area-thumb-08044efb{all:unset;border:2px solid var(--secondary-color-2);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s;display:block;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.dx-color-area-thumb-08044efb:hover{transform:translate(-50%,-50%)scale(1.15)}.dx-color-area-thumb-08044efb:focus-visible{transform:translate(-50%,-50%)scale(1.15)}.dx-color-area-thumb-08044efb:has(:focus-visible){transform:translate(-50%,-50%)scale(1.15)}.dx-color-area-thumb-08044efb[data-dragging=true]{transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,0 2px 6px rgba(0,0,0,.3)}.dx-color-area-input-08044efb{opacity:.0001;pointer-events:none;white-space:nowrap;border:0;width:100%;height:100%;margin:-1px;padding:0;position:absolute;overflow:hidden}.dx-color-picker-08044efb{display:inline-block;position:relative}.dx-color-picker-button-08044efb{color:var(--secondary-color-4);cursor:default;background-color:transparent;border:0 solid;border-radius:.125rem;outline:0 solid;justify-content:center;align-items:center;gap:8px;line-height:1.5;display:flex}.dx-color-picker-popover-08044efb{z-index:1000;background:var(--light,var(--primary-color)) var(--dark,var(--primary-color-5));box-shadow:inset 0 0 0 1px var(--light,var(--primary-color-6)) var(--dark,var(--primary-color-7)), 0 4px 16px rgba(0,0,0,.15);border-radius:.5rem;margin-top:4px;position:absolute;top:100%;left:0}.dx-color-picker-popover-08044efb[data-state=closed]{display:none}.dx-color-picker-popover-08044efb[data-state=open]{animation:.15s ease-out dx-color-picker-popover-fade-in;display:block}@keyframes dx-color-picker-popover-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dx-color-picker-dialog-08044efb{box-sizing:border-box;flex-direction:column;gap:8px;padding:8px;display:flex}.dx-color-picker-input-08044efb{flex-direction:row;align-items:flex-end;gap:4px;display:flex}.dx-color-picker-08044efb[data-disabled=true],.dx-color-picker-08044efb [data-disabled=true]{cursor:not-allowed;opacity:.5}