.ds-screenshot-showcase{position:relative}.ds-screenshot-showcase__hero{margin:0;border-radius:var(--radius-xl, 24px);overflow:hidden;background:var(--paper-2);border:1px solid rgba(11,26,46,.08);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:0 24px 48px -24px #0b1a2e2e}.ds-screenshot-showcase__hero img{width:100%;height:auto;display:block}.ds-screenshot-showcase__caption{padding:14px 20px;font-family:var(--mono-family);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);background:var(--paper);border-top:1px solid rgba(11,26,46,.08);border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.ds-screenshot-showcase__thumb{margin:0;border-radius:var(--radius-lg, 16px);overflow:hidden;background:var(--paper-2);border:1px solid rgba(11,26,46,.08);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);transition:transform .25s var(--ease-out),border-color .25s var(--ease)}.ds-screenshot-showcase__thumb:hover{transform:translateY(-2px);border-color:var(--mint-deep)}.ds-screenshot-showcase__thumb img{width:100%;height:auto;display:block;aspect-ratio:4 / 3;object-fit:cover}.ds-screenshot-showcase__thumb figcaption{padding:10px 14px;font-family:var(--mono-family);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--paper)}.ds-screenshot-showcase--layout-hero-plus-strip .ds-screenshot-showcase__body{display:flex;flex-direction:column;gap:20px}.ds-screenshot-showcase--layout-hero-plus-strip .ds-screenshot-showcase__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ds-screenshot-showcase--layout-side-by-side .ds-screenshot-showcase__body{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.ds-screenshot-showcase--layout-side-by-side .ds-screenshot-showcase__thumbs{display:flex;flex-direction:column;gap:16px}@media(max-width:880px){.ds-screenshot-showcase--layout-side-by-side .ds-screenshot-showcase__body{grid-template-columns:1fr}.ds-screenshot-showcase--layout-side-by-side .ds-screenshot-showcase__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.ds-screenshot-showcase--layout-carousel .ds-screenshot-showcase__carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.ds-screenshot-showcase--layout-carousel .ds-screenshot-showcase__slide{flex:0 0 auto;width:min(640px,80vw);scroll-snap-align:center;margin:0;border-radius:var(--radius-lg, 16px);overflow:hidden;background:var(--paper-2);border:1px solid rgba(11,26,46,.08);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.ds-screenshot-showcase--layout-carousel .ds-screenshot-showcase__slide img{width:100%;height:auto;display:block;aspect-ratio:16 / 10;object-fit:cover}.ds-screenshot-showcase--layout-carousel .ds-screenshot-showcase__slide figcaption{padding:12px 16px;font-family:var(--mono-family);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--paper);border-top:1px solid rgba(11,26,46,.08);border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}@media(prefers-reduced-motion:reduce){.ds-screenshot-showcase__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dawn-ds-screenshot-showcase.css.map */