@layer components{:root{--c-product--space:var(--space);--c-product--base:var(--base);--c-product--font-size-100:var(--font-size-100);--c-product--font-size-600:var(--font-size-600);--c-product--color--primary:var(--color--primary);--c-product--color--secondary:var(--color--secondary)}.c-product,.c-product .c-card{height:100%}.c-product .c-card__footer{border:none;text-align:center}.c-product .c-button__filled--custom,.c-product .c-card__image--custom{background-color:var(--c-product-custom-color,blue)}.c-product .c-product__footer .c-product__prices{display:flex;flex-direction:column;margin-bottom:calc((var(--c-product--space, var(--space)))*var(--base)*10);visibility:visible}.c-product .c-product__footer .c-product__prices.has-button{margin-bottom:calc((var(--c-product--space, var(--space)))*var(--base)*4)}.c-product .c-product__footer .c-product__prices .c-product__price .c-typography{--inherit-font-size:var(--c-product--font-size-600,var(--font-size-600))}.c-product .c-product__footer .c-product__prices .c-product__price .c-typography.c-product__frequency{--inherit-font-size:var(--c-product--font-size-100,var(--font-size-100))}.c-product__header{display:flex;flex-direction:column;gap:calc((var(--c-product--space, var(--space)))*var(--base)*2);text-align:center}.c-product--featured{margin:calc((var(--c-product--space, var(--space)))*var(--base)*-2)}.c-product__price{display:inline-block}.c-product__price--primary .c-product__amount,.c-product__price--primary .c-product__currency{color:var(--c-product--color--primary,var(--color--primary))}.c-product__price--secondary .c-product__amount,.c-product__price--secondary .c-product__currency{color:var(--c-product--color--secondary,var(--color--secondary))}.c-product__price--custom .c-product__amount,.c-product__price--custom .c-product__currency{color:var(--c-product-custom-color,blue)}.c-product__label{margin:0}.c-product__image-container{height:calc((var(--c-product--base, var(--base)))*14);margin-bottom:calc((var(--c-product--space, var(--space)))*var(--base)*4);position:relative}.c-product__image-container.c-card__image--primary{background-color:var(--c-product--color--primary,var(--color--primary))}.c-product__image-container.c-card__image--secondary{background-color:var(--c-product--color--secondary,var(--color--secondary))}.c-product__image{aspect-ratio:1/1;border:calc((var(--c-product--base, var(--base)))*.25) solid #fff;border-radius:50%;height:calc((var(--c-product--base, var(--base)))*14);left:50%;position:absolute;transform:translate(-50%,25%);width:calc((var(--c-product--base, var(--base)))*14)}.c-product__image--primary{background-color:var(--c-product--color--primary,var(--color--primary))}.c-product__image--secondary{background-color:var(--c-product--color--secondary,var(--color--secondary))}.c-product__image--custom{background-color:var(--c-product-custom-color,blue)}.c-product__heading{display:flex;flex-direction:column;gap:calc((var(--c-product--space, var(--space)))*var(--base)*2);text-align:center}.c-product__heading:after{content:"";width:100%}.c-product__heading--primary:after{border:1px solid var(--c-product--color--primary,var(--color--primary))}.c-product__heading--secondary:after{border:1px solid var(--c-product--color--secondary,var(--color--secondary))}.c-product__heading--custom:after{border:1px solid var(--c-product-custom-color,blue)}.c-product__listing{padding:0}.c-product__listing--primary .c-listing__label:after,.c-product__listing--primary .c-listing__label:before{color:var(--c-product--color--primary,var(--color--primary))}.c-product__listing--secondary .c-listing__label:after,.c-product__listing--secondary .c-listing__label:before{color:var(--c-product--color--secondary,var(--color--secondary))}.c-product__listing--custom .c-listing__label:after,.c-product__listing--custom .c-listing__label:before{color:var(--c-product-custom-color,blue)}.c-product__listing .c-listing__item,.c-product__listing .c-listing__link{align-items:center;display:flex;text-decoration:none}.c-product__listing .c-listing__item .c-icon:first-child,.c-product__listing .c-listing__link .c-icon:first-child{color:var(--c-product--color--primary,var(--color--primary))}.c-product__listing .c-listing__link .c-icon:last-child{transition:.1s ease-in-out}.c-product__listing .c-listing__link:hover .c-icon:last-child{padding-left:calc((var(--c-product--space, var(--space)))*var(--base)*2)}.c-product__listing .c-listing__label{display:block}}