.wp-block-bpsc-chart-section{box-sizing:border-box}.wp-block-bpsc-chart-section *{box-sizing:border-box;margin:0;padding:0}.wp-block-bpsc-chart-section .bpsc-chartBlock{align-items:center;display:flex;justify-content:center;padding:1.5rem}.wp-block-bpsc-chart-section .chart-section{backdrop-filter:blur(4px);border-radius:2.2rem;display:grid;gap:2rem;grid-template-columns:1fr auto;transition:all .3s ease;width:100%}.wp-block-bpsc-chart-section .left-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.wp-block-bpsc-chart-section .data-ops{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem}.wp-block-bpsc-chart-section .data-btn{align-items:center;backdrop-filter:blur(4px);background:rgba(20,25,36,.9);border:1px solid hsla(0,0%,100%,.03);border-radius:2.5rem;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#b9c2d6;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:10px;padding:.7rem 1.4rem;transition:.2s}.wp-block-bpsc-chart-section .data-btn i{color:#6e7c9c;font-size:1rem}.wp-block-bpsc-chart-section .data-btn:hover{background:#2c3447;border-color:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-2px)}.wp-block-bpsc-chart-section .data-btn.delete-btn:hover{background:#3f2c3c}.wp-block-bpsc-chart-section .data-btn.delete-btn:hover i{color:#ffa6b0}.wp-block-bpsc-chart-section .chart-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:340px;position:relative;width:100%}.wp-block-bpsc-chart-section #chartCanvas{aspect-ratio:16/9;border:1px solid hsla(0,0%,100%,.02);box-shadow:0 20px 35px -8px #000;display:block;height:auto;max-width:100%;width:100%}.wp-block-bpsc-chart-section .data-panel{backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.03);border-radius:1.8rem;box-shadow:8px 8px 22px rgba(0,0,0,.5);padding:1.5rem 1.2rem;width:280px}.wp-block-bpsc-chart-section .data-panel h4{font-size:.8rem;font-weight:500;letter-spacing:2px;margin-bottom:1.4rem;padding-right:.5rem;text-transform:uppercase}.wp-block-bpsc-chart-section .data-items{display:flex;flex-direction:column;gap:1rem;max-height:280px;overflow-y:auto;padding-left:.4rem}.wp-block-bpsc-chart-section .data-items::-webkit-scrollbar{width:4px}.wp-block-bpsc-chart-section .data-items::-webkit-scrollbar-track{background:#1c212e}.wp-block-bpsc-chart-section .data-items::-webkit-scrollbar-thumb{background:#404b66;border-radius:10px}.wp-block-bpsc-chart-section .data-item{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.02);border-radius:1.5rem;display:flex;gap:12px;padding:.8rem .9rem;transition:.15s}.wp-block-bpsc-chart-section .data-item:hover{background:rgba(45,55,75,.5);border-color:hsla(0,0%,100%,.08)}.wp-block-bpsc-chart-section .item-info{display:flex;flex:1;flex-direction:column}.wp-block-bpsc-chart-section .item-label{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.wp-block-bpsc-chart-section .item-value{font-size:.8rem;letter-spacing:.3px}.wp-block-bpsc-chart-section .item-hex{background:rgba(0,0,0,.3);border-radius:30px;color:#b5c7f0;font-family:Monaco,Menlo,monospace;font-size:.7rem;padding:.2rem .6rem}.wp-block-bpsc-chart-section .hide{display:none}@media(max-width:850px){.wp-block-bpsc-chart-section .chart-section{grid-template-columns:1fr}.wp-block-bpsc-chart-section .data-panel{width:100%}}@media(max-width:650px){.wp-block-bpsc-chart-section .left-controls{align-items:stretch;flex-direction:column;width:100%}.wp-block-bpsc-chart-section .chart-type-selector{justify-content:center}}
