.wp-block-blablablocks-color-palette{margin:2rem 0;overflow:visible;position:relative}.wp-block-blablablocks-color-palette:has(.color-item:not(.color-item--add)){padding:.5rem}.color-palette{overflow:visible}.color-palette__items{max-width:100%;overflow:visible}.color-item{align-items:center;background:transparent;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;overflow:visible;position:relative;text-align:center;z-index:1}.color-item:hover{transform:translateY(-2px);z-index:10}.color-swatch{aspect-ratio:1;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);box-sizing:border-box;cursor:pointer;margin-inline:auto;min-height:var(--cpb-swatch-size,100px);overflow:visible;position:relative;width:min(100%,var(--cpb-swatch-size,100%))}.color-swatch:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.color-swatch:focus-visible{outline:3px solid #0050b3;outline-offset:3px}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch{border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.08)}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border:1px solid #e0e0e0}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:hover{box-shadow:0 4px 8px rgba(0,0,0,.12)}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:hover:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border-color:#ccc}.wp-block-blablablocks-color-palette.is-style-droplet .color-item{background:transparent;box-shadow:none;margin-top:15px;min-height:140px;overflow:visible;padding:.75rem .25rem}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch{background:#fff;border-radius:50% 50% 50% 0;box-shadow:0 2px 4px rgba(0,0,0,.08);height:var(--cpb-swatch-size,100px)!important;margin:10px auto 15px;transform:rotate(135deg)!important;width:var(--cpb-swatch-size,100px)!important}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border:1px solid #e0e0e0}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:hover{box-shadow:0 4px 8px rgba(0,0,0,.12)}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:hover:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border-color:#ccc}.wp-block-blablablocks-color-palette.is-style-droplet .color-name{margin-top:0}.wp-block-blablablocks-color-palette.is-style-droplet .color-code{margin-top:.5rem}.wp-block-blablablocks-color-palette.is-style-polaroid .color-swatch{aspect-ratio:1/1.2;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 0 0 8px #fff,inset 0 -25px 0 0 #fff,inset 0 -26px 0 0 rgba(0,0,0,.1),inset 0 0 0 9px rgba(0,0,0,.1);min-height:calc(var(--cpb-swatch-size, 100px)*1.2)}.wp-block-blablablocks-color-palette.is-style-polaroid .color-swatch:hover{box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 0 8px #fff,inset 0 -25px 0 0 #fff,inset 0 -26px 0 0 rgba(0,0,0,.15),inset 0 0 0 9px rgba(0,0,0,.15)}.wp-block-blablablocks-color-palette.is-style-palette .color-item{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08);overflow:hidden;padding:0}.wp-block-blablablocks-color-palette.is-style-palette .color-item:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*=border-radius]):not([style*="border:"]){border:1px solid #e0e0e0;border-radius:8px}.wp-block-blablablocks-color-palette.is-style-palette .color-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.12);overflow:visible;transform:translateY(-1px)}.wp-block-blablablocks-color-palette.is-style-palette .color-item:hover:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*=border-radius]):not([style*="border:"]){border-color:#ccc;border-radius:8px}.wp-block-blablablocks-color-palette.is-style-palette .color-swatch{border-radius:8px 8px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.08);height:calc(var(--cpb-swatch-size, 100px)*.8);margin:0;min-height:calc(var(--cpb-swatch-size, 100px)*.8);position:relative;transform:none;width:100%}.wp-block-blablablocks-color-palette.is-style-palette .color-swatch:hover{box-shadow:0 2px 4px rgba(0,0,0,.12);transform:none}.wp-block-blablablocks-color-palette.is-style-palette .color-name{color:#1e1e1e;font-size:.875rem;font-weight:600;padding:8px 12px 2px}.wp-block-blablablocks-color-palette.is-style-palette .color-code,.wp-block-blablablocks-color-palette.is-style-palette .color-name{align-self:stretch;background:none;border:none;box-sizing:border-box;margin:0;width:100%;word-wrap:break-word;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.wp-block-blablablocks-color-palette.is-style-palette .color-code{border-radius:0;box-shadow:none;color:#666;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:2px 12px 8px}.wp-block-blablablocks-color-palette.is-style-palette .color-code:hover{background:none;border:none;box-shadow:none}.color-name{color:#333;font-size:.875rem;font-weight:500;margin-top:.5rem;word-break:break-word}.color-code,.color-name{align-self:stretch;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.color-code{background:#f5f5f5;border-radius:3px;box-sizing:border-box;color:#666;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin-top:.25rem;padding:2px 6px;word-break:break-all}.color-copy-popover{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:grid;gap:.25rem;grid-template-columns:1fr 1fr;max-width:100px;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;z-index:100}.color-copy-popover:before{border-bottom:8px solid #ddd;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;z-index:-1}.color-copy-popover:after,.color-copy-popover:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.color-copy-popover:after{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;top:-7px;z-index:1}.color-copy-popover.is-open{opacity:1;pointer-events:auto;visibility:visible}.copy-btn{align-items:center;background:#1e1e1e;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:.65rem;height:24px;justify-content:center;min-width:40px;padding:.25rem .5rem;pointer-events:auto!important}.copy-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.copy-btn:disabled{cursor:not-allowed;opacity:.8}.copy-btn.copied{background:#00a32a;transform:scale(1.05)}.copy-btn.failed{background:#dc3232}@media(max-width:768px){.color-palette__items{gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;justify-content:center}.color-item{padding:.125rem}.color-swatch{min-height:80px!important}.wp-block-blablablocks-color-palette.is-style-droplet .color-item{background:transparent;box-shadow:none;margin-top:10px;min-height:120px;padding:.5rem .25rem}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch{background:#fff;border-radius:50% 50% 50% 0;box-shadow:0 2px 4px rgba(0,0,0,.08);height:70px!important;margin:8px auto 12px;transform:rotate(135deg)!important;width:70px!important}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border:1px solid #e0e0e0}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:hover{box-shadow:0 4px 8px rgba(0,0,0,.12)}.wp-block-blablablocks-color-palette.is-style-droplet .color-swatch:hover:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border-color:#ccc}.wp-block-blablablocks-color-palette.is-style-droplet .color-name{margin-top:0}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch{box-shadow:0 2px 4px rgba(0,0,0,.08)}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border:1px solid #e0e0e0}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:hover{box-shadow:0 4px 8px rgba(0,0,0,.12)}.wp-block-blablablocks-color-palette.is-style-circle .color-swatch:hover:not([style*=border-color]):not([style*=border-width]):not([style*=border-style]):not([style*="border:"]){border-color:#ccc}.wp-block-blablablocks-color-palette.is-style-polaroid .color-swatch{box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 0 0 6px #fff,inset 0 -20px 0 0 #fff,inset 0 -21px 0 0 rgba(0,0,0,.1),inset 0 0 0 7px rgba(0,0,0,.1);min-height:100px!important}.wp-block-blablablocks-color-palette.is-style-polaroid .color-swatch:hover{box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 0 6px #fff,inset 0 -20px 0 0 #fff,inset 0 -21px 0 0 rgba(0,0,0,.15),inset 0 0 0 7px rgba(0,0,0,.15)}.wp-block-blablablocks-color-palette.is-style-palette .color-swatch{border-radius:8px 8px 0 0!important;height:60px!important}.wp-block-blablablocks-color-palette.is-style-palette .color-name{font-size:.8125rem;padding:6px 8px 2px}.wp-block-blablablocks-color-palette.is-style-palette .color-code{font-size:.6875rem;padding:2px 8px 6px}.copy-btn{font-size:.6rem;height:20px;min-width:32px;padding:.2rem .4rem}.color-copy-popover{max-width:80px;padding:6px}.color-code{max-width:75px!important}}