@layer molecules{.look-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:64rem){.look-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.look-list-item{color:var(--ui-color);isolation:isolate;grid-auto-columns:100%;padding:.5rem;display:grid;position:relative;overflow:clip}.look-list-item>*,.look-list-item:before,.look-list-item:after{grid-area:1/-1}.look-list-item:before{z-index:1;content:"";opacity:0;background-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%);margin:-.5rem;transition:opacity .2s linear}@media not (hover){.look-list-item:after{content:"";block-size:1.5rem;inline-size:1.5rem;mask-image:var(--icon-arrow);background-color:currentColor;place-self:end;mask-size:100%}}@media (hover){.look-list-item:hover:before{opacity:.2}.look-list-item:hover img{scale:1.025}.look-list-item:hover .heading{opacity:1}}.look-list-item:has(a:focus-visible):before{opacity:.2}.look-list-item:has(a:focus-visible) img{scale:1.025}.look-list-item:has(a:focus-visible) .heading{opacity:1}.look-list-item div{aspect-ratio:var(--look-image-aspect-ratio);background-color:var(--color-secondary-background);margin:-.5rem;overflow:clip}.look-list-item img{object-fit:cover;block-size:100%;transition:scale .5s}.look-list-item .heading{z-index:2;color:#fff;opacity:0;place-self:center;padding:.5rem 1rem 1.5rem;transition:opacity .2s linear}.look-list-item a:after{content:"";position:absolute;inset:0}}