@layer molecules{.card-product-skeleton .card-product-skeleton-price{width:75%;animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1)infinite);background-color:var(--color-gray-100,#f3f4f6)}@supports (color:lab(0% 0 0)){.card-product-skeleton .card-product-skeleton-price{background-color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}.card-product-skeleton .card-product-skeleton-title{width:50%;animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1)infinite);background-color:var(--color-gray-100,#f3f4f6)}@supports (color:lab(0% 0 0)){.card-product-skeleton .card-product-skeleton-title{background-color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}.card-product-skeleton:nth-child(n) .card-product-skeleton-price{width:83.3333%}.card-product-skeleton:nth-child(n) .card-product-skeleton-title,.card-product-skeleton:nth-child(2n) .card-product-skeleton-price{width:66.6667%}.card-product-skeleton:nth-child(2n) .card-product-skeleton-title{width:75%}.card-product-skeleton:nth-child(3n) .card-product-skeleton-price{width:58.3333%}.card-product-skeleton:nth-child(3n) .card-product-skeleton-title{width:83.3333%}.card-product-skeleton:nth-child(4n) .card-product-skeleton-price{width:66.6667%}.card-product-skeleton:nth-child(4n) .card-product-skeleton-title{width:41.6667%}.card-product-skeleton:nth-child(5n) .card-product-skeleton-price{width:75%}.card-product-skeleton:nth-child(5n) .card-product-skeleton-title{width:58.3333%}@media (max-width:1024px){.card-product-skeleton .card-product-skeleton-price{margin-top:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*4);border-radius:.25rem}.card-product-skeleton .card-product-skeleton-title{margin-top:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-sm,.25rem)}}@media (min-width:1025px){.card-product-skeleton .card-product-skeleton-price{margin-top:calc(var(--spacing,.25rem)*2.5);border-radius:.25rem;height:1.125rem}.card-product-skeleton .card-product-skeleton-title{margin-top:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*4);border-radius:.25rem}}}@keyframes pulse{50%{opacity:.5}}
@layer molecules{.grid-products{display:grid}@media (max-width:468px){.grid-products{gap:calc(var(--spacing,.25rem)*2);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:468px) and (max-width:1024px){.grid-products{gap:calc(var(--spacing,.25rem)*2);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}@media (min-width:1025px){.grid-products{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}}