.wrapper{margin:0}.wrapper .bar-container{width:100%;height:1rem;margin:-.5rem auto;background-color:#ddd;border-radius:0 0 10px 10px;z-index:1;position:relative;display:flex;align-items:center;overflow:hidden}.wrapper .bar-container .bar{height:1rem;transition:width .3s ease;background-color:#ddd;z-index:2}.wrapper .bar-container .label{position:absolute;font-size:.7rem;font-weight:500;color:#fff!important;top:0;left:10px;z-index:3}.wrapper .rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;width:100%;margin:10px 0}.wrapper .rules p{display:flex;font-weight:500;align-items:center;justify-content:center;padding:5px 12px;background-color:var(--color-gray-200);border-radius:8px;font-size:.8rem;text-align:center;margin:0;transition:all .2s ease}@media(max-width:768px){.wrapper .rules{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.wrapper .rules{grid-template-columns:1fr}}