@property --progress-value{syntax:"<integer>";inherits:false;initial-value:0}.progress-bar{width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;box-shadow:0px 0px 20px 0px rgba(50,50,50,.08);background:radial-gradient(closest-side, white 84%, #eee 85% 100%)}.progress-bar.animation{background:radial-gradient(closest-side, white 84%, transparent 85% 100%),conic-gradient(hsl(var(--progress-color)) calc(var(--progress-value) * 1%), #eee 0);animation:animation-progress .75s 1 forwards}@keyframes animation-progress{from{--progress-value: 0}}.product-box{border-radius:5px;position:relative;background-color:hsl(var(--base));box-shadow:0px 5px 20px 0px rgba(50,50,50,.08)}.product-box.vertical{flex-grow:1}.product-box.vertical .product-container{flex-direction:column}.product-box.vertical .product-container .progress-container{align-content:center;height:158px}.product-box.vertical .product-container .progress-container .progress-bar{width:130px;height:130px}.product-box.vertical .product-container .product-title{font-size:1.625rem;font-weight:bold}.product-box .product-container{padding:24px 20px;color:hsl(var(--secondary))}@media(min-width: 768px){.product-box .product-container{padding:32px}}.product-box .product-container .product-title{font-weight:500}.product-box .product-container .product-description{color:hsl(var(--secondary));font-size:.9375rem;line-height:1.5}.product-box .product-container .button{font-size:1rem}.product-box .product-container .button .button-icon svg{width:.925rem}