@layer components{[data-surface=storefront] .product-image{object-fit:cover;object-position:center;width:100%;height:100%}[data-surface=storefront] .animate-in{animation:.3s ease-out slideInFromTop}[data-surface=storefront] .slide-in-from-top-2{transform:translateY(-8px)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}[data-surface=storefront] .animate-collapsible-down{animation:.3s cubic-bezier(.87,0,.13,1) collapsibleDown}[data-surface=storefront] .animate-collapsible-up{animation:.3s cubic-bezier(.87,0,.13,1) collapsibleUp}@keyframes collapsibleDown{0%{opacity:0;height:0}to{height:var(--radix-collapsible-content-height);opacity:1}}@keyframes collapsibleUp{0%{height:var(--radix-collapsible-content-height);opacity:1}to{opacity:0;height:0}}[data-surface=storefront] .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-surface=storefront] *{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-surface=storefront] .icon-sm{stroke-width:2px;width:16px;height:16px}[data-surface=storefront] .icon-md{stroke-width:2px;width:20px;height:20px}[data-surface=storefront] .icon-lg{stroke-width:2px;width:24px;height:24px}}@keyframes pulse{50%{opacity:.5}}