.wp-block-b-blocks-skill-bar{margin:2rem 0}.wp-block-b-blocks-skill-bar .b-blocks-skill-bar-skills-grid{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.wp-block-b-blocks-skill-bar.columns-2 .b-blocks-skill-bar-skills-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.wp-block-b-blocks-skill-bar.columns-2 .b-blocks-skill-bar-skills-grid{grid-template-columns:1fr}}.wp-block-b-blocks-skill-bar.columns-3 .b-blocks-skill-bar-skills-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.wp-block-b-blocks-skill-bar.columns-3 .b-blocks-skill-bar-skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wp-block-b-blocks-skill-bar.columns-3 .b-blocks-skill-bar-skills-grid{grid-template-columns:1fr}}.wp-block-b-blocks-skill-bar.columns-4 .b-blocks-skill-bar-skills-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.wp-block-b-blocks-skill-bar.columns-4 .b-blocks-skill-bar-skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.wp-block-b-blocks-skill-bar.columns-4 .b-blocks-skill-bar-skills-grid{grid-template-columns:1fr}}.wp-block-b-blocks-skill-bar .b-blocks-skill-bar-skill-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.wp-block-b-blocks-skill-bar .b-blocks-skill-bar-skill-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-4px)}.wp-block-b-blocks-skill-bar .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.wp-block-b-blocks-skill-bar .skill-title{color:#333;font-size:1.1rem;font-weight:600}.wp-block-b-blocks-skill-bar .skill-percentage{color:#666;font-size:1rem;font-weight:700}.wp-block-b-blocks-skill-bar .skill-bar-wrapper{position:relative}.wp-block-b-blocks-skill-bar .skill-bar-bg{background:#f0f0f0;border-radius:10px;height:20px;overflow:hidden;position:relative}.wp-block-b-blocks-skill-bar .b-blocks-skill-bar-skill-bar-fill{border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0}.wp-block-b-blocks-skill-bar .skill-circular{height:120px;margin:1rem auto 0;position:relative;width:120px}.wp-block-b-blocks-skill-bar .skill-circular svg{height:100%;transform:rotate(-90deg);width:100%}.wp-block-b-blocks-skill-bar .skill-circular .b-blocks-skill-bar-skill-circular-progress{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.wp-block-b-blocks-skill-bar .skill-circular .b-blocks-skill-bar-skill-circular-text{color:#333;font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-b-blocks-skill-bar.theme-modern .b-blocks-skill-bar-skill-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef}.wp-block-b-blocks-skill-bar.theme-modern .b-blocks-skill-bar-skill-bar-fill{background:linear-gradient(90deg,currentColor,currentColor)}.wp-block-b-blocks-skill-bar.theme-modern .b-blocks-skill-bar-skill-bar-fill:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.2));bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-b-blocks-skill-bar.theme-classic .b-blocks-skill-bar-skill-item{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.wp-block-b-blocks-skill-bar.theme-classic .skill-bar-bg{background:#e0e0e0;border-radius:0;height:16px}.wp-block-b-blocks-skill-bar.theme-classic .b-blocks-skill-bar-skill-bar-fill{border-radius:0}.wp-block-b-blocks-skill-bar.theme-gradient .b-blocks-skill-bar-skill-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wp-block-b-blocks-skill-bar.theme-gradient .b-blocks-skill-bar-skill-circular-text,.wp-block-b-blocks-skill-bar.theme-gradient .skill-percentage,.wp-block-b-blocks-skill-bar.theme-gradient .skill-title{color:#fff}.wp-block-b-blocks-skill-bar.theme-gradient .skill-bar-bg{background:hsla(0,0%,100%,.2)}.wp-block-b-blocks-skill-bar.theme-gradient .b-blocks-skill-bar-skill-bar-fill{background:linear-gradient(90deg,hsla(0,0%,100%,.8),#fff)}.wp-block-b-blocks-skill-bar.theme-gradient .skill-circular-bg{stroke:hsla(0,0%,100%,.3)}.wp-block-b-blocks-skill-bar.template-striped .b-blocks-skill-bar-skill-bar-fill{animation:move-stripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px}@keyframes move-stripes{0%{background-position:0 0}to{background-position:20px 0}}.skill-bar-block.is-visible .b-blocks-skill-bar-skill-bar-fill{width:var(--b-blocks-skill-bar-skill-percentage,0)}.skill-bar-block.is-visible .b-blocks-skill-bar-skill-circular-progress{stroke-dashoffset:calc(282.6 - var(--b-blocks-skill-bar-skill-percentage, 0)/100*282.6)}
