.hf-swipe{margin-top:var(--hf-space-7)}.hf-swipe__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--hf-space-4);margin:0;padding:0;list-style:none}.hf-swipe__card{display:flex;flex-direction:column;gap:var(--hf-space-2);padding:var(--hf-space-5);border-radius:var(--hf-radius-lg);background:var(--hf-cream)}.hf-swipe__pic{display:flex;align-items:flex-end;justify-content:center;height:240px;margin-bottom:var(--hf-space-3)}.hf-swipe__pic img{width:auto;height:100%;max-width:100%;object-fit:contain}.hf-swipe__step{font-size:var(--hf-fs-small);font-weight:var(--fw-bold);letter-spacing:.06em;color:var(--hf-orange-text)}.hf-swipe__title{font-size:var(--hf-fs-title);font-weight:var(--fw-bold);line-height:1.15}.hf-swipe__text{font-size:var(--hf-fs-body);line-height:1.5;color:var(--hf-ink-2);text-wrap:pretty}.hf-swipe__dots{display:none}@media(max-width:1023.98px){.hf-swipe__track{grid-auto-columns:80%;margin-inline:calc(var(--hf-gutter) * -1);padding-inline:var(--hf-gutter);scroll-padding-inline:var(--hf-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hf-swipe__track::-webkit-scrollbar{display:none}.hf-swipe__card{scroll-snap-align:start}.hf-swipe__pic{height:200px}.hf-swipe__dots{display:flex;justify-content:center;gap:var(--hf-space-2);margin-top:var(--hf-space-4)}.hf-swipe__dot{width:8px;height:8px;border-radius:4px;background:var(--hf-border);transition:width .2s ease,background-color .2s ease}.hf-swipe__dot[data-on]{width:24px;background:var(--hf-ink)}}@media(min-width:760px)and (max-width:1023.98px){.hf-swipe__track{grid-auto-columns:44%}}.hf-swipe.is-armed .hf-swipe__card{opacity:0}.hf-swipe.is-in .hf-swipe__card{animation:hf-swipe-rise var(--hf-dur-slow) var(--hf-ease) both}.hf-swipe.is-in .hf-swipe__card:nth-child(2){animation-delay:.12s}.hf-swipe.is-in .hf-swipe__card:nth-child(3){animation-delay:.24s}.hf-swipe.is-in .hf-swipe__card:nth-child(4){animation-delay:.36s}.hf-swipe__pic--float img{animation:hf-swipe-float 4s ease-in-out infinite}@keyframes hf-swipe-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hf-swipe-float{0%,to{transform:none}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.hf-swipe__dot{transition:none}.hf-swipe__pic--float img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hf-swipe.css.map */