.custom-color-palette-picker{padding:1rem;border-radius:var(--bs-border-radius);box-shadow:var(--bs-box-shadow-sm);width:280px}.custom-color-palette-picker.with-alpha{width:320px}.custom-color-palette-picker.inline{padding:0;border:none;box-shadow:none}.custom-color-palette-picker-modal .modal-body{padding:0!important}.custom-color-palette-picker-modal .picker-container{display:flex;justify-content:center;padding:0}.custom-color-palette-picker-modal .modal-dialog{max-width:310px}.custom-color-palette-picker-modal.with-alpha .modal-dialog{max-width:350px}.custom-color-palette-picker-modal .custom-color-palette-picker{width:100%;border-radius:0;box-shadow:none}.color-picker-section{margin-bottom:1rem}.color-picker-sv-container{position:relative;width:100%;margin-bottom:.5rem}.color-picker-sv-canvas{display:block;width:100%;height:auto;cursor:crosshair;border-radius:var(--bs-border-radius-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.color-picker-hue-container{position:relative;width:100%;margin-bottom:.5rem}.color-picker-hue-canvas{display:block;width:100%;height:20px;cursor:ew-resize;border-radius:var(--bs-border-radius-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.color-picker-alpha-container{position:relative;width:100%;margin-bottom:.5rem}.color-picker-alpha-track{position:relative;width:100%;height:20px;border-radius:var(--bs-border-radius-sm);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.color-picker-alpha-gradient{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.color-picker-alpha-slider{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:.5;-webkit-appearance:none;cursor:ew-resize;background:transparent}.color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:20px;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.4);cursor:ew-resize}.color-picker-alpha-slider::-moz-range-thumb{width:6px;height:20px;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 0 2px rgba(0,0,0,.4);cursor:ew-resize}.color-preview-container{margin-top:.5rem;display:flex;justify-content:center}.color-preview{width:3rem;height:3rem;border-radius:var(--bs-border-radius-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1)}.color-inputs-section{margin-bottom:1rem}.color-inputs-section input[type=number]{padding-right:.25rem}.with-alpha .color-inputs-section input[type=number]{padding-right:.15rem;padding-left:.15rem}.with-alpha .color-inputs-section .form-label{text-align:center;display:block}.color-swatches-section,.recent-colors-section{margin-bottom:.75rem}.swatch-label{margin-bottom:.25rem;font-weight:600;color:var(--bs-gray-700)}.color-swatches{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px}.color-swatch{width:24px;height:24px;border-radius:var(--bs-border-radius-sm);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:transform .1s ease}.color-swatch:hover{transform:scale(1.1);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);z-index:1}@media (pointer:coarse){.color-swatch{width:32px;height:32px}.color-picker-alpha-track,.color-picker-hue-canvas{height:32px}.color-picker-alpha-slider::-webkit-slider-thumb{height:32px}.color-picker-alpha-slider::-moz-range-thumb{height:32px}}