.skill-rating{font-family:var(--font-stack-body);max-width:500px;margin:16px 0;background:rgba(var(--color-foreground),.03);border-radius:12px;border:1px solid rgba(var(--color-foreground),.08)}.skill-rating__title{margin-bottom:20px;font-size:20px;font-weight:600;color:rgb(var(--color-foreground));font-family:var(--font-stack-headings);text-align:left}.skill-rating .skill-item{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:20px;margin-bottom:16px}.skill-rating .skill-item:last-child{margin-bottom:0}.skill-rating .skill-label{color:rgb(var(--color-foreground));font-size:15px;font-weight:500;letter-spacing:.3px}.skill-rating .skill-bar{height:16px;background:rgba(var(--color-foreground),.08);border-radius:8px;position:relative;overflow:hidden;border:2px solid rgb(225,225,225)}.skill-rating .skill-fill{height:100%;background:#d5fe64;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #0000001a}.skill-rating .skill-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:8px 8px 0 0}.skill-rating .skill-number{color:rgb(var(--color-foreground));font-size:16px;font-weight:600;text-align:right;min-width:40px}@media screen and (max-width: 480px){.skill-rating{max-width:100%;padding:16px}.skill-rating .skill-item{grid-template-columns:80px 1fr 25px;gap:12px}.skill-rating .skill-label{font-size:13px}.skill-rating .skill-number{font-size:13px;display:none}}@keyframes skillFillAnimation{0%{width:0!important}}.skill-rating .skill-fill{animation:skillFillAnimation 1s ease-out}
/*# sourceMappingURL=/cdn/shop/t/43/assets/skill-rating-block.css.map */