.guide-preview{--jj-accent: #de7d39}.guide-preview__header{text-align:center;margin-block-end:1.75rem}.guide-preview__heading{margin:0;text-transform:uppercase;letter-spacing:.08em}.guide-preview__note{margin:.6rem 0 0;font-size:.85rem;opacity:.7}.guide-preview__pdf{margin:.9rem 0 0;font-size:.85rem;letter-spacing:.06em}.guide-preview__pdf a{color:inherit;text-decoration:none;border-bottom:1px solid var(--jj-accent)}.guide-preview__viewer{display:block;position:relative}.guide-preview__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(360px,72vw);gap:1rem;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;scrollbar-width:none}.guide-preview__track::-webkit-scrollbar{display:none}.guide-page{scroll-snap-align:start}.guide-page__image{width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--color-border, #e3e1de);background:var(--color-background, #fff)}.guide-page__image--placeholder{background:var(--color-foreground);opacity:.25}.guide-page__caption{margin:.6rem 0 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.guide-preview__arrow{position:absolute;inset-block-start:42%;z-index:2;width:2.75rem;height:2.75rem;border:1px solid var(--color-border, #e3e1de);border-radius:50%;background:var(--color-background, #fff);color:inherit;cursor:pointer;transition:background .2s var(--animation-easing, ease),color .2s var(--animation-easing, ease)}.guide-preview__arrow:hover:not(:disabled){background:var(--jj-accent);color:#fff;border-color:var(--jj-accent)}.guide-preview__arrow:disabled{opacity:.3;cursor:default}.guide-preview__arrow--prev{inset-inline-start:-1.25rem}.guide-preview__arrow--next{inset-inline-end:-1.25rem}@media screen and (max-width:900px){.guide-preview__arrow--prev{inset-inline-start:.25rem}.guide-preview__arrow--next{inset-inline-end:.25rem}}.guide-preview__counter{margin:1rem 0 0;text-align:center;font-size:.78rem;letter-spacing:.14em;opacity:.6}@media(prefers-reduced-motion:reduce){.guide-preview__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/guide-preview.css.map */