@layer components{.dp-look-h{margin:0 0 var(--space-4);padding-inline:var(--margin);font-size:var(--text-lead);letter-spacing:-.01em;font-weight:700;line-height:1.15}.dp-look-list{grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gap-roll)) / 2);gap:var(--gap-roll);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.dp-look-list::-webkit-scrollbar{display:none}.dp-look-list:has(>li:nth-child(3)){grid-auto-columns:calc((100% - 2 * var(--gap-roll)) / 2.25)}.dp-look-list:focus-visible{outline-offset:-3px}.dp-look-item{scroll-snap-align:start;min-inline-size:0}.dp-look-item figure{margin:0}.dp-look-pair{aspect-ratio:1}.dp-look-sheet{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,29%));place-content:center;display:grid}.dp-look-page{aspect-ratio:3/4;display:block;position:relative;overflow:clip}.dp-look-caption{padding:var(--space-2) var(--space-3) 0;color:var(--color-ink);font-size:var(--text-small);line-height:1.45}.dp-look-nav{gap:var(--space-3);padding:var(--space-4) var(--margin) 0;flex-wrap:wrap;display:flex}.dp-look-nav[hidden]{display:none}.dp-look-btn{min-inline-size:8rem}@media (min-width:1024px){.dp-look-h{padding-inline:0}:is(.dp-look-list,.dp-look-list:has(>li:nth-child(3))){scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.dp-look-item[data-wide=hide]{display:none}.dp-look-item[data-wide=span]{grid-column:1/-1}.dp-look-sheet{gap:var(--space-3)}.dp-look-caption{padding-inline:0}.dp-look-nav{display:none}}}