.quick-start--ruled{border-bottom:1px solid var(--color-hairline)}.quick-start{display:flex;flex-direction:column;gap:2.2rem}.quick-start__types{display:flex;gap:3.2rem;margin:0 -2rem;padding:0 2rem .4rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.quick-start__types::-webkit-scrollbar{display:none}.quick-start__types>li{flex:none;scroll-snap-align:start}.quick-start__type{display:flex;align-items:center;gap:1.2rem;min-height:5.6rem;color:inherit;text-decoration:none}.quick-start__type:focus-visible{outline:1px solid rgb(var(--color-accent));outline-offset:4px}.quick-start__thumb{flex:none;width:5.6rem;height:5.6rem;background:#fff;overflow:hidden}.quick-start__thumb img{width:100%;height:100%;object-fit:cover}.quick-start__type-text{display:flex;flex-direction:column;gap:.4rem}.quick-start__type-label{color:rgb(var(--color-heading));font-size:1.35rem;font-weight:400;line-height:1.2;white-space:nowrap;transition:color var(--duration-short) ease}.quick-start__type:hover .quick-start__type-label{color:rgb(var(--color-accent))}.quick-start__type-count{color:rgba(var(--color-foreground),.6);font-size:1.2rem;line-height:1.2}.quick-start__links{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 4rem}.quick-start__group{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.quick-start__group-label{margin-right:.6rem;color:rgba(var(--color-foreground),.6);font-size:1.1rem;font-weight:400;letter-spacing:.25rem;line-height:1;text-transform:uppercase}.quick-start__chip{display:inline-flex;align-items:center;min-height:3rem;padding:0 1.2rem;border:1px solid rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.03rem;line-height:1;text-decoration:none;transition:color var(--duration-short) ease,border-color var(--duration-short) ease}.quick-start__chip:hover{color:rgb(var(--color-accent));border-color:rgb(var(--color-accent))}.quick-start__chip:focus-visible{outline:1px solid rgb(var(--color-accent));outline-offset:3px}.quick-start__all{margin-left:.6rem;color:rgb(var(--color-heading))}@media screen and (min-width:750px){.quick-start__types{margin:0 -4rem;padding:0 4rem .4rem}}@media(prefers-reduced-motion:reduce){.quick-start__type-label,.quick-start__chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-quick-start.css.map */