.vuelor-picker-root{--vuelor-primary-color: #0d99ff;--vuelor-surface-color: #ffffff;--vuelor-border-color: #e6e6e6;--vuelor-inner-shadow-color: #0000001a;--vuelor-input-bg-color: #f5f5f5;--vuelor-button-hover-bg-color: #0000000d;--vuelor-disabled-opacity: .5;--shadow-vuelor-card: 0 .125rem .3125rem 0 #00000026, 0 .625rem 1rem 0 #0000001f, 0 0 .03125rem 0 #0000001f;--shadow-vuelor-thumb: 0 0 .03125rem rgba(0, 0, 0, .18), 0 .1875rem .5rem rgba(0, 0, 0, .1), 0 .0625rem .1875rem rgba(0, 0, 0, .1);--shadow-vuelor-inner: inset 0 0 0 .0625rem var(--vuelor-inner-shadow-color);width:15rem;background-color:var(--vuelor-surface-color);border-radius:.8125rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-vuelor-card)}.vuelor-picker-eye-dropper{padding:.25rem;border-radius:.3125rem}.vuelor-picker-eye-dropper:hover:not(:disabled){background-color:var(--vuelor-button-hover-bg-color)}.vuelor-picker-eye-dropper:disabled{opacity:var(--vuelor-disabled-opacity);background-color:transparent;cursor:not-allowed}.vuelor-picker-eye-dropper:focus-within{outline-width:.0625rem;outline-style:solid;outline-color:var(--vuelor-primary-color)}.vuelor-picker-shared-thumb{display:block;width:1rem;height:1rem;border-radius:9999rem;border-width:.25rem;border-style:solid;border-color:var(--vuelor-surface-color);box-shadow:var(--shadow-vuelor-thumb)}.vuelor-picker-shared-thumb:focus{outline-width:.0625rem;outline-style:solid;outline-color:var(--vuelor-primary-color)}.vuelor-picker-canvas-root{position:relative;touch-action:none}.vuelor-picker-canvas-root[data-disabled]{pointer-events:none;opacity:var(--vuelor-disabled-opacity)}.vuelor-picker-canvas-area{border-radius:.3125rem;outline-width:.0625rem;outline-style:solid;outline-offset:-.0625rem;outline-color:var(--vuelor-inner-shadow-color)}.vuelor-picker-slider-root{position:relative;height:1rem;width:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none}.vuelor-picker-slider-root[data-orientation=vertical]{height:auto;width:1rem;flex-direction:column}.vuelor-picker-slider-root[data-disabled]{pointer-events:none;opacity:var(--vuelor-disabled-opacity)}.vuelor-picker-slider-track{position:relative;height:1rem;width:100%;flex-grow:1;border-radius:9999rem;box-shadow:var(--shadow-vuelor-inner)}.vuelor-picker-slider-track[data-orientation=vertical]{height:100%;width:1rem}.vuelor-picker-input-group{width:100%;display:flex;gap:.0625rem;border-radius:.3125rem;outline-style:solid;outline-width:0;outline-color:var(--vuelor-border-color)}.vuelor-picker-input-group:hover:not([data-disabled]){outline-width:.0625rem}.vuelor-picker-input-group:focus-within{outline-width:.0625rem;outline-color:var(--vuelor-primary-color)}.vuelor-picker-input-group[data-disabled]{pointer-events:none;opacity:var(--vuelor-disabled-opacity)}.vuelor-picker-input-item{display:flex;flex:1 1 0%;align-items:center;padding-left:.25rem;padding-right:.25rem;gap:.25rem;background-color:var(--vuelor-input-bg-color)}.vuelor-picker-input-item[data-before],.vuelor-picker-input-item[data-alpha-input]{flex-grow:0}.vuelor-picker-input-item:first-child{border-top-left-radius:.3125rem;border-bottom-left-radius:.3125rem}.vuelor-picker-input-item:last-child{border-top-right-radius:.3125rem;border-bottom-right-radius:.3125rem}.vuelor-picker-input-label{-webkit-user-select:none;user-select:none;color:#000;font-size:.6875rem;opacity:.4;display:none}.vuelor-picker-input-label[data-alpha-label],.vuelor-picker-input-label:not([data-alpha-label]){display:block}.vuelor-picker-input-field{width:100%;height:1.5rem;min-width:1.25rem;font-size:.6875rem;background:transparent;border:none}.vuelor-picker-input-field:focus{outline:none}.vuelor-picker-swatch-base{position:relative;flex-grow:0;height:1rem;width:1rem;border-radius:20%;overflow:hidden}.vuelor-picker-swatch-basedisabled{opacity:var(--vuelor-disabled-opacity)}.vuelor-picker-swatch-base:focus-within{outline-width:.0625rem;outline-style:solid;outline-color:var(--vuelor-primary-color)}.vuelor-picker-swatch-alpha{position:absolute;top:0;right:0;height:100%;width:50%}