.all-bootstrap-color-picker{margin:.25rem 0;--all-color-picker-max-swatches:8;display:flex;flex-wrap:wrap;gap:.5rem}.all-color-picker-category{flex:0 1 auto;margin-bottom:.25rem}.all-color-picker-container{display:flex;flex-wrap:wrap;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) * .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 blue}@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:white;text-shadow:0 0 3px black,0 0 3px black}.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{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:rgba(255,255,255,.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:rgba(255,255,255,.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:black;text-shadow:0 0 2px white}.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}}