.hf-tree-door{--td-img: 132px;--td-ring: 6px;--td-gap: 22px;--td-row: 90px}.hf-tree-door__eyebrow{font-size:var(--hf-fs-caption);font-weight:var(--fw-bold);line-height:var(--hf-lh-snug);letter-spacing:.1em;text-transform:uppercase;color:var(--hf-orange-text)}.hf-tree-door__title{margin-top:var(--hf-space-2)}.hf-tree-door__stops{display:grid;row-gap:var(--td-row);max-width:560px;margin-top:var(--hf-space-8);list-style:none}.hf-tree-door__stop{position:relative;display:grid;grid-template-columns:var(--td-img) minmax(0,1fr);column-gap:var(--td-gap);align-items:center}.hf-tree-door__stop:nth-child(2n){grid-template-columns:minmax(0,1fr) var(--td-img)}.hf-tree-door__stop:nth-child(2n) .hf-tree-door__ring{order:2}.hf-tree-door__ring{width:calc(var(--td-img) + 2 * var(--td-ring));margin:calc(-1 * var(--td-ring));padding:var(--td-ring);border-radius:50%;background:var(--hf-surface);box-shadow:var(--hf-shadow)}.hf-tree-door__ring img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%}.hf-tree-door__text{display:flex;flex-direction:column;gap:6px}.hf-tree-door__num{font-size:1.75rem;font-weight:var(--fw-extrabold);line-height:1.2;color:var(--hf-orange-text)}.hf-tree-door__stop-title{font-size:1.1875rem;font-weight:var(--fw-bold);line-height:1.18;text-wrap:balance}.hf-tree-door__body{font-size:var(--hf-fs-small);line-height:1.4;color:var(--hf-ink-2);text-wrap:pretty}.hf-tree-door__path,.hf-tree-door__arrow{position:absolute;overflow:visible;color:var(--hf-ink);pointer-events:none}.hf-tree-door__path--phone{top:calc(100% + 8px);left:calc(var(--td-img) / 2);width:calc(100% - var(--td-img));height:72px}.hf-tree-door__stop:nth-child(2n) .hf-tree-door__path--phone{transform:scaleX(-1)}.hf-tree-door__path--wide{display:none}.hf-tree-door__arrow{top:calc(100% + 69.2px);left:calc(100% - var(--td-img) / 2 - 7.1px);width:14.3px;height:12.2px}.hf-tree-door__stop:nth-child(2n) .hf-tree-door__arrow{left:calc(var(--td-img) / 2 - 7.1px)}@media(max-width:899.98px){.hf-tree-door--list{--td-img: 86px;--td-ring: 5px;--td-gap: 21px;--td-row: 46px}.hf-tree-door--list .hf-tree-door__stops{max-width:420px}.hf-tree-door--list .hf-tree-door__stop:nth-child(2n){grid-template-columns:var(--td-img) minmax(0,1fr)}.hf-tree-door--list .hf-tree-door__stop:nth-child(2n) .hf-tree-door__ring{order:0}.hf-tree-door--list .hf-tree-door__ring{position:relative}.hf-tree-door--list .hf-tree-door__path,.hf-tree-door--list .hf-tree-door__arrow{display:none}.hf-tree-door--list .hf-tree-door__stop:not(:last-child) .hf-tree-door__ring:after{content:"";position:absolute;top:calc(100% + 6px);left:calc(50% - 2px);width:4px;height:24px;background:radial-gradient(circle closest-side,var(--hf-ink) 96%,transparent) 0 0 / 4px 10px repeat-y}.hf-tree-door--list .hf-tree-door__text{gap:2px}.hf-tree-door--list .hf-tree-door__num{font-size:1.5rem}.hf-tree-door--list .hf-tree-door__stop-title{font-size:1.125rem}}@media(min-width:900px){.hf-tree-door{--td-img: clamp(116px, calc(11.2vw - 12px) , 148px);--td-col: var(--hf-space-7)}.hf-tree-door__stops{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--td-col);row-gap:0;max-width:none;margin-top:var(--hf-space-9)}.hf-tree-door__stop,.hf-tree-door__stop:nth-child(2n){display:flex;flex-direction:column;align-items:flex-start;gap:var(--hf-space-6)}.hf-tree-door__stop:nth-child(2n) .hf-tree-door__ring{order:0}.hf-tree-door__ring{flex:none;margin:0}.hf-tree-door__num{font-size:2rem}.hf-tree-door__stop-title{font-size:var(--hf-fs-lead)}.hf-tree-door__path--phone{display:none}.hf-tree-door__path--wide{display:block;top:calc(var(--td-img) / 2 + var(--td-ring) - 10.5px);left:calc(var(--td-img) + 2 * var(--td-ring) + 10px);width:calc(100% - var(--td-img) - 2 * var(--td-ring) + var(--td-col) - 20px);height:21px}.hf-tree-door__arrow,.hf-tree-door__stop:nth-child(2n) .hf-tree-door__arrow{top:calc(var(--td-img) / 2 + var(--td-ring) + 10.5px - 6.1px);left:calc(100% + var(--td-col) - 10px - 11.85px);transform:rotate(-90deg)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hf-tree-door.css.map */