.color-picker .color-picker-btn:hover{transform:scale(1.1)}.color-picker .color-picker-btn.selected{transform:scale(1.2);box-shadow:0 2px 4px #0006}.color-picker .color-picker-btn .checkmark{font-size:var(--pr-font-size-xs);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:0}.color-picker .color-picker-btn.selected .checkmark{opacity:1}.color-picker .opacity-slider{width:100%;margin:var(--pr-spacing-base) 0}.color-picker .border-toggle{display:flex;gap:var(--pr-spacing-xs);align-items:center}.color-picker .border-toggle .border-toggle-btn{font-size:var(--pr-font-size-sm)}.color-picker .color-picker-btn--none{--tile-size: 6px;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:var(--tile-size) var(--tile-size);background-position:0 0,0 calc(var(--tile-size) / 2),calc(var(--tile-size) / 2) calc(var(--tile-size) / -2),calc(var(--tile-size) / -2) 0;border:1px solid var(--pr-color-border, #ccc)}.color-picker .preview-element.no-color{--tile-size: 10px;background-color:#fff!important;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:var(--tile-size) var(--tile-size);background-position:0 0,0 calc(var(--tile-size) / 2),calc(var(--tile-size) / 2) calc(var(--tile-size) / -2),calc(var(--tile-size) / -2) 0}