@layer components{.product-like-container{width:100%;animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1)infinite);display:flex}.product-like-container.grid-type{column-gap:calc(var(--spacing,.25rem)*3);row-gap:calc(var(--spacing,.25rem)*6);flex-wrap:wrap}.product-like-container.grid-type .item-wrap{box-sizing:border-box;min-width:calc(33% - 12px);max-width:calc(33% - 12px)}.product-like-container.grid-type .item-wrap .image-like{aspect-ratio:1;border-radius:var(--radius-2xl,16px);background-color:var(--color-surface-sunken,var(--color-gray-200));width:100%}.product-like-container.grid-type .item-wrap .text-like{width:100%;padding-top:calc(var(--spacing,.25rem)*2);gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.product-like-container.list-type{padding-top:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*4);gap:calc(var(--spacing,.25rem)*12);flex-direction:column}.product-like-container.list-type .item-wrap{gap:calc(var(--spacing,.25rem)*5);display:flex}.product-like-container.list-type .item-wrap .image-like{aspect-ratio:1;border-radius:var(--radius-2xl,16px);background-color:var(--color-surface-sunken,var(--color-gray-200));width:auto;min-height:120px;max-height:182px}.product-like-container.list-type .item-wrap .text-like{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.product-like-container .skeleton-cover{height:calc(var(--spacing,.25rem)*3);background-color:var(--color-surface-sunken,var(--color-gray-200));border-radius:.25rem;width:83.3333%}}@keyframes pulse{50%{opacity:.5}}