.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}}.all-bootstrap-color-picker{margin:.25rem 0;--all-color-picker-max-swatches:8;display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.all-color-picker-category{flex:0 1 auto;margin-bottom:.25rem}.all-color-picker-container{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;max-width:100%;margin-bottom:.25rem}.all-color-picker-container.scrollable-row{flex-wrap:nowrap;overflow-x:auto;padding:.25rem .3rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;-webkit-overflow-scrolling:touch;max-width:calc(var(--all-color-picker-max-swatches)*3.5rem + (var(--all-color-picker-max-swatches) - 1)*0.5rem)}.all-color-picker-container.scrollable-row::-webkit-scrollbar{height:6px}.all-color-picker-container.scrollable-row::-webkit-scrollbar-track{background:transparent}.all-color-picker-container.scrollable-row::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.all-color-swatch{width:3rem;height:3rem;border-radius:.5rem;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.all-color-swatch.compact{width:2.25rem;height:2.25rem;border-radius:.375rem}@media (max-width:768px){.all-color-swatch{width:3.5rem;height:3.5rem}.all-color-swatch.compact{width:2.75rem;height:2.75rem}}.all-color-swatch:hover{transform:scale(1.05);z-index:1;box-shadow:0 0 0 2px rgba(0,0,0,.2)}.all-color-swatch.selected{transform:scale(1.05);box-shadow:0 0 0 3px #00f}@media (pointer:coarse){.all-color-swatch:hover{transform:none;box-shadow:none}.all-color-swatch:active{transform:scale(.95)}}.all-swatch-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.all-selected-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.compact .all-selected-checkmark{font-size:1rem}.all-color-picker-section{width:100%;padding:.25rem 0;margin-top:.25rem;margin-bottom:.25rem;font-weight:700;font-size:.75rem;color:var(--bs-secondary-color);border-bottom:1px solid var(--bs-border-color)}.all-bootstrap-color-picker.compact .all-color-picker-section{font-size:.7rem;padding:.1rem 0;margin-top:.1rem;margin-bottom:.1rem}.all-bootstrap-color-picker.compact .all-color-picker-container{grid-gap:.3rem;gap:.3rem;margin-bottom:.1rem}.all-color-picker-custom-label{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;background-color:transparent!important}.all-color-picker-custom-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.custom-color-icon{font-size:1.2rem;color:hsla(0,0%,100%,.8);text-shadow:0 0 3px rgba(0,0,0,.7);pointer-events:none}.compact .custom-color-icon{font-size:1rem}.all-selected-checkmark.custom-checkmark{top:2px;right:2px;font-size:.7rem;color:#fff;background:rgba(0,0,0,.6);text-shadow:none;border-radius:50%;line-height:1;padding:1px;z-index:1}.all-color-swatch.selected[style*="background-color: #a"],.all-color-swatch.selected[style*="background-color: #b"],.all-color-swatch.selected[style*="background-color: #c"],.all-color-swatch.selected[style*="background-color: #d"],.all-color-swatch.selected[style*="background-color: #e"],.all-color-swatch.selected[style*="background-color: #f"]{&>.custom-checkmark{color:#000;background:hsla(0,0%,100%,.6)}}.all-swatch-inner[style*="--bs-light"] .all-selected-checkmark,.all-swatch-inner[style*="--bs-white"] .all-selected-checkmark,.all-swatch-inner[style*=subtle]:not([style*=dark]) .all-selected-checkmark,.all-swatch-inner[style*=warning] .all-selected-checkmark{color:#000;text-shadow:0 0 2px #fff}.all-color-picker-popover .popover-body{padding:.5rem}#all-color-picker-popover .all-bootstrap-color-picker{max-width:380px;margin:0;--all-color-picker-max-swatches:6}#all-color-picker-popover .all-color-picker-container.scrollable-row{flex-wrap:wrap;overflow-x:visible;max-width:none}#all-color-picker-popover .all-color-picker-category{margin-bottom:.5rem}.popover-color-input{min-width:40px;height:calc(1.5em + .5rem + 2px);padding:.2rem;border:none;cursor:pointer}.popover-hex-input{font-family:var(--bs-font-monospace);width:75px}@media (max-width:1200px){#all-color-picker-popover .all-bootstrap-color-picker{max-width:300px}#all-color-picker-popover .all-color-picker-container.scrollable-row{flex-wrap:wrap;overflow-x:visible;max-width:none}}@media (max-width:768px){#all-color-picker-popover .all-bootstrap-color-picker{max-width:320px}#all-color-picker-popover .all-color-picker-container.scrollable-row{flex-wrap:wrap;overflow-x:visible;max-width:none}}