.hf-how__foot{display:grid;justify-items:start;gap:var(--hf-space-2);max-width:560px;margin-top:var(--hf-space-8)}.hf-how__soon{font-weight:var(--fw-semibold);line-height:1.4}.hf-how__link{margin-block:var(--hf-space-2)}@media(max-width:699.98px){.hf-how__link{width:100%}}.hf-how__small{font-size:var(--hf-fs-small);line-height:1.4;color:var(--hf-ink-2);text-wrap:pretty}@media(min-width:900px){.hf-how .hf-tree-door__stops{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px}}.hf-how{--how-step: 0s;--how-foot: 0s}.hf-how.is-armed .hf-tree-door__ring,.hf-how.is-armed .hf-tree-door__text,.hf-how.is-armed .hf-tree-door__arrow,.hf-how.is-armed .hf-how__foot{opacity:0}.hf-how.is-armed .hf-tree-door__path{clip-path:inset(0 100% 0 0)}.hf-how .is-in .hf-tree-door__ring{animation:hf-how-pop var(--hf-dur-slow) var(--hf-ease) calc(var(--i) * var(--how-step)) both}.hf-how .is-in .hf-tree-door__text{animation:hf-how-rise var(--hf-dur-slow) var(--hf-ease) calc(var(--i) * var(--how-step) + .12s) both}.hf-how .is-in .hf-tree-door__path{animation:hf-how-draw var(--hf-dur-base) linear calc(var(--i) * var(--how-step) + .3s) both}.hf-how .is-in .hf-tree-door__arrow{animation:hf-how-fade var(--hf-dur-fast) var(--hf-ease) calc(var(--i) * var(--how-step) + .6s) both}.hf-how .hf-how__foot.is-in{animation:hf-how-rise var(--hf-dur-slow) var(--hf-ease) var(--how-foot) both}@media(min-width:900px){.hf-how{--how-step: .5s;--how-foot: 1.4s}}@keyframes hf-how-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes hf-how-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hf-how-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hf-how-fade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hf-how-it-works.css.map */